Global monitoring settings are managed through the SPAN Panel integration options.
+To change global thresholds, go to Settings → Devices & Services → SPAN Panel → Configure.
+Individual circuit thresholds can be configured by clicking the gear icon on a circuit row and switching to Custom mode.
+Dashboard loading...
`; + break; + case "monitoring": + container.innerHTML = `Monitoring tab — coming in Task 14
`; + break; + case "settings": + container.innerHTML = `Settings tab — coming in Task 15
`; + break; + } + } +} From cf95269d9a22614f61d25b1aafe260eedfef3a40 Mon Sep 17 00:00:00 2001 From: cayossarian <23534755+cayossarian@users.noreply.github.com> Date: Sun, 29 Mar 2026 19:43:24 -0700 Subject: [PATCH 015/101] feat: implement dashboard tab reusing core rendering modules --- src/panel/span-panel.js | 17 +++++- src/panel/tab-dashboard.js | 111 +++++++++++++++++++++++++++++++++++++ 2 files changed, 126 insertions(+), 2 deletions(-) create mode 100644 src/panel/tab-dashboard.js diff --git a/src/panel/span-panel.js b/src/panel/span-panel.js index b826460..8f2eb56 100644 --- a/src/panel/span-panel.js +++ b/src/panel/span-panel.js @@ -1,5 +1,6 @@ import { INTEGRATION_DOMAIN } from "../constants.js"; import "../core/side-panel.js"; +import { DashboardTab } from "./tab-dashboard.js"; const PANEL_STYLES = ` :host { @@ -57,6 +58,7 @@ export class SpanPanelElement extends HTMLElement { this._selectedPanelId = null; this._activeTab = "dashboard"; this._discovered = false; + this._dashboardTab = new DashboardTab(); } set hass(val) { @@ -147,13 +149,24 @@ export class SpanPanelElement extends HTMLElement { } async _renderTab() { + this._dashboardTab.stop(); + const container = this.shadowRoot.getElementById("tab-content"); if (!container) return; switch (this._activeTab) { - case "dashboard": - container.innerHTML = `Dashboard loading...
`; + case "dashboard": { + container.innerHTML = ""; + const config = { + chart_metric: "power", + history_minutes: 5, + show_panel: true, + show_battery: true, + show_evse: true, + }; + await this._dashboardTab.render(container, this._hass, this._selectedPanelId, config); break; + } case "monitoring": container.innerHTML = `Monitoring tab — coming in Task 14
`; break; diff --git a/src/panel/tab-dashboard.js b/src/panel/tab-dashboard.js new file mode 100644 index 0000000..6daa01d --- /dev/null +++ b/src/panel/tab-dashboard.js @@ -0,0 +1,111 @@ +import { discoverTopology } from "../card/card-discovery.js"; +import { buildHeaderHTML } from "../core/header-renderer.js"; +import { buildGridHTML } from "../core/grid-renderer.js"; +import { buildSubDevicesHTML } from "../core/sub-device-renderer.js"; +import { updateCircuitDOM, updateSubDeviceDOM } from "../core/dom-updater.js"; +import { loadHistory } from "../core/history-loader.js"; +import { MonitoringStatusCache } from "../core/monitoring-status.js"; +import { CARD_STYLES } from "../card/card-styles.js"; +import { getHistoryDurationMs, recordSample, getMaxHistoryPoints, getMinGapMs } from "../helpers/history.js"; +import { getCircuitChartEntity } from "../helpers/chart.js"; +import { LIVE_SAMPLE_INTERVAL_MS } from "../constants.js"; + +export class DashboardTab { + constructor() { + this._topology = null; + this._panelSize = 0; + this._powerHistory = new Map(); + this._monitoringCache = new MonitoringStatusCache(); + this._updateInterval = null; + this._hass = null; + this._config = null; + } + + async render(container, hass, deviceId, config) { + this.stop(); + this._hass = hass; + this._config = config; + + try { + const result = await discoverTopology(hass, deviceId); + this._topology = result.topology; + this._panelSize = result.panelSize; + } catch (err) { + container.innerHTML = `${err.message}
`; + return; + } + + await this._monitoringCache.fetch(hass); + + const topo = this._topology; + const totalRows = Math.ceil(this._panelSize / 2); + const durationMs = getHistoryDurationMs(config); + const monitoringStatus = this._monitoringCache.status; + + const headerHTML = buildHeaderHTML(topo, config); + const gridHTML = buildGridHTML(topo, totalRows, durationMs, hass, config, monitoringStatus); + const subDevHTML = buildSubDevicesHTML(topo, hass, config, durationMs); + + container.innerHTML = ` + + ${headerHTML} + ${ + config.show_panel !== false + ? ` +Monitoring tab — coming in Task 14
`; + container.innerHTML = ""; + await this._monitoringTab.render(container, this._hass); break; case "settings": - container.innerHTML = `Settings tab — coming in Task 15
`; + container.innerHTML = ""; + this._settingsTab.render(container); break; } } diff --git a/src/panel/tab-monitoring.js b/src/panel/tab-monitoring.js new file mode 100644 index 0000000..2522430 --- /dev/null +++ b/src/panel/tab-monitoring.js @@ -0,0 +1,102 @@ +import { INTEGRATION_DOMAIN } from "../constants.js"; +import { escapeHtml } from "../helpers/sanitize.js"; + +export class MonitoringTab { + async render(container, hass) { + let status; + try { + const resp = await hass.callService(INTEGRATION_DOMAIN, "get_monitoring_status", {}, undefined, true); + status = resp?.response || null; + } catch { + container.innerHTML = ` ++ Monitoring is not enabled. Enable it in the integration's + options flow (Settings > Devices & Services > + SPAN Panel > Configure > Monitoring). +
++ Global monitoring settings are managed in the integration's options flow. + All monitored circuits and mains legs are shown below. +
+ +| Name | +Continuous | +Spike | +Window | ++ |
|---|
+ No monitored points found. +
+ ` + } ++ General integration settings (entity naming, device prefix, + circuit numbers) are managed through the integration's options flow. +
+ + Open SPAN Panel Integration Settings → + +- Global monitoring settings are managed in the integration's options flow. - All monitored circuits and mains legs are shown below. + Global monitoring thresholds are configured in the integration's options flow + (Settings > Devices & Services > SPAN Panel > Configure > Monitoring). + Per-circuit overrides are listed below. Use Reset to Default to clear + a custom override and restore the circuit to global defaults.
- No monitored points found. + All circuits using global defaults. No per-circuit overrides are configured.
` } From f6fdd73b3e6b7b1419c7eb1ded2b0ad053e822ac Mon Sep 17 00:00:00 2001 From: cayossarian <23534755+cayossarian@users.noreply.github.com> Date: Sun, 29 Mar 2026 19:57:48 -0700 Subject: [PATCH 021/101] feat: add global monitoring settings section and panel config link --- src/core/side-panel.js | 34 +++++++++++++++++++++++++++------- src/panel/tab-monitoring.js | 23 ++++++++++++++++------- 2 files changed, 43 insertions(+), 14 deletions(-) diff --git a/src/core/side-panel.js b/src/core/side-panel.js index c8093b9..52ac22d 100644 --- a/src/core/side-panel.js +++ b/src/core/side-panel.js @@ -234,18 +234,38 @@ class SpanSidePanel extends HTMLElement { } _renderPanelMode(panel) { - const header = this._createHeader("Panel Settings", null); + const header = this._createHeader("Panel Monitoring", "Global defaults for all circuits"); panel.appendChild(header); const body = document.createElement("div"); body.className = "panel-body"; - body.innerHTML = ` -Global monitoring settings are managed through the SPAN Panel integration options.
-To change global thresholds, go to Settings → Devices & Services → SPAN Panel → Configure.
-Individual circuit thresholds can be configured by clicking the gear icon on a circuit row and switching to Custom mode.
-Global monitoring thresholds apply to all circuits that don't have custom overrides. + Use the integration's options flow to change global settings.
+Individual circuit thresholds can be configured by clicking the gear icon on a circuit row + and switching to Custom mode.
`; + body.appendChild(info); + + const link = document.createElement("a"); + link.href = "/config/integrations/integration/span_panel"; + link.textContent = "Configure Global Thresholds"; + Object.assign(link.style, { + display: "inline-block", + marginTop: "8px", + padding: "8px 16px", + background: "var(--primary-color, #4dd9af)", + color: "var(--text-primary-color, #000)", + borderRadius: "4px", + textDecoration: "none", + fontSize: "0.85em", + fontWeight: "500", + }); + body.appendChild(link); + panel.appendChild(body); } diff --git a/src/panel/tab-monitoring.js b/src/panel/tab-monitoring.js index 948a56b..79a9983 100644 --- a/src/panel/tab-monitoring.js +++ b/src/panel/tab-monitoring.js @@ -54,14 +54,23 @@ export class MonitoringTab { container.innerHTML = `- Global monitoring thresholds are configured in the integration's options flow - (Settings > Devices & Services > SPAN Panel > Configure > Monitoring). - Per-circuit overrides are listed below. Use Reset to Default to clear - a custom override and restore the circuit to global defaults. -
-+ Global monitoring thresholds apply to all circuits without custom overrides. + Use the integration's options flow to change global settings. +
+ + Configure Global Thresholds + ++ Use Reset to Default to clear a custom override and restore the circuit to global defaults. +
${ allEntries.length > 0 ? ` From 1e6701e61dfc2b649bfb44fadfb1f70509297b50 Mon Sep 17 00:00:00 2001 From: cayossarian <23534755+cayossarian@users.noreply.github.com> Date: Sun, 29 Mar 2026 20:37:00 -0700 Subject: [PATCH 022/101] feat: use topology panel_entities instead of pattern matching Replace fragile hass.states pattern-matching helpers (_findPanelEntity, _hasPanelEntity, _hasSolarEntity) with direct lookups from topology.panel_entities. Remove the helper functions entirely and drop the now-unnecessary hass parameter from buildHeaderHTML. --- src/card/span-panel-card.js | 2 +- src/core/dom-updater.js | 26 ++++++------------- src/core/header-renderer.js | 50 ++++++------------------------------- src/panel/tab-dashboard.js | 2 +- 4 files changed, 16 insertions(+), 64 deletions(-) diff --git a/src/card/span-panel-card.js b/src/card/span-panel-card.js index 1c8f3e4..0de7e36 100644 --- a/src/card/span-panel-card.js +++ b/src/card/span-panel-card.js @@ -283,7 +283,7 @@ export class SpanPanelCard extends HTMLElement { const totalRows = Math.ceil(this._panelSize / 2); const durationMs = this._durationMs; - const headerHTML = buildHeaderHTML(topo, this._config, hass); + const headerHTML = buildHeaderHTML(topo, this._config); const monitoringStatus = this._monitoringCache.status; const monitoringSummaryHTML = buildMonitoringSummaryHTML(monitoringStatus); const gridHTML = buildGridHTML(topo, totalRows, durationMs, hass, this._config, monitoringStatus); diff --git a/src/core/dom-updater.js b/src/core/dom-updater.js index ef27c51..41565ea 100644 --- a/src/core/dom-updater.js +++ b/src/core/dom-updater.js @@ -5,18 +5,6 @@ import { findSubDevicePowerEntity } from "../helpers/entity-finder.js"; import { getHistoryDurationMs } from "../helpers/history.js"; import { updateChart } from "../chart/chart-update.js"; -// ── Private helper ───────────────────────────────────────────────────────── - -function _findPanelEntity(hass, _topology, suffix) { - if (!hass) return null; - for (const entityId of Object.keys(hass.states)) { - if (entityId.startsWith("sensor.span_panel_") && entityId.endsWith(`_${suffix}`)) { - return entityId; - } - } - return null; -} - // ── Header stats ─────────────────────────────────────────────────────────── function _updateHeaderStats(root, hass, topology, config, totalConsumption, solarProduction) { @@ -26,13 +14,13 @@ function _updateHeaderStats(root, hass, topology, config, totalConsumption, sola const consumptionEl = root.querySelector(".stat-consumption .stat-value"); const consumptionUnitEl = root.querySelector(".stat-consumption .stat-unit"); if (isAmpsMode) { - const siteEid = _findPanelEntity(hass, topology, "current_power"); + const siteEid = topology.panel_entities?.current_power; const siteState = siteEid ? hass.states[siteEid] : null; const amps = siteState ? parseFloat(siteState.attributes?.amperage) : NaN; if (consumptionEl) consumptionEl.textContent = Number.isFinite(amps) ? Math.abs(amps).toFixed(1) : "--"; if (consumptionUnitEl) consumptionUnitEl.textContent = "A"; } else { - const panelPowerEntity = _findPanelEntity(hass, topology, "current_power"); + const panelPowerEntity = topology.panel_entities?.current_power; if (panelPowerEntity) { const state = hass.states[panelPowerEntity]; if (state) totalConsumption = Math.abs(parseFloat(state.state) || 0); @@ -45,7 +33,7 @@ function _updateHeaderStats(root, hass, topology, config, totalConsumption, sola const upstreamEl = root.querySelector(".stat-upstream .stat-value"); const upstreamUnitEl = root.querySelector(".stat-upstream .stat-unit"); if (upstreamEl) { - const upEid = _findPanelEntity(hass, topology, "current_power"); + const upEid = topology.panel_entities?.current_power; const upState = upEid ? hass.states[upEid] : null; if (isAmpsMode) { const amps = upState ? parseFloat(upState.attributes?.amperage) : NaN; @@ -62,7 +50,7 @@ function _updateHeaderStats(root, hass, topology, config, totalConsumption, sola const downstreamEl = root.querySelector(".stat-downstream .stat-value"); const downstreamUnitEl = root.querySelector(".stat-downstream .stat-unit"); if (downstreamEl) { - const downEid = _findPanelEntity(hass, topology, "feedthrough_power"); + const downEid = topology.panel_entities?.feedthrough_power; const downState = downEid ? hass.states[downEid] : null; if (isAmpsMode) { const amps = downState ? parseFloat(downState.attributes?.amperage) : NaN; @@ -80,7 +68,7 @@ function _updateHeaderStats(root, hass, topology, config, totalConsumption, sola const solarUnitEl = root.querySelector(".stat-solar .stat-unit"); if (solarEl) { if (isAmpsMode) { - const solarEid = _findPanelEntity(hass, topology, "solar_inverter_instant_power"); + const solarEid = topology.panel_entities?.pv_power; const solarState = solarEid ? hass.states[solarEid] : null; const amps = solarState ? parseFloat(solarState.attributes?.amperage) : NaN; solarEl.textContent = Number.isFinite(amps) ? Math.abs(amps).toFixed(1) : "--"; @@ -94,7 +82,7 @@ function _updateHeaderStats(root, hass, topology, config, totalConsumption, sola // Battery SoC (always %) const batteryEl = root.querySelector(".stat-battery .stat-value"); if (batteryEl) { - const battEid = _findPanelEntity(hass, topology, "battery_percentage"); + const battEid = topology.panel_entities?.battery_level; const battState = battEid ? hass.states[battEid] : null; if (battState) batteryEl.textContent = `${Math.round(parseFloat(battState.state) || 0)}`; } @@ -102,7 +90,7 @@ function _updateHeaderStats(root, hass, topology, config, totalConsumption, sola // Grid / DSM state const gridStateEl = root.querySelector(".stat-grid-state .stat-value"); if (gridStateEl) { - const gridEid = _findPanelEntity(hass, topology, "dsm_state"); + const gridEid = topology.panel_entities?.dsm_state; const gridState = gridEid ? hass.states[gridEid] : null; gridStateEl.textContent = gridState ? gridState.state : "--"; } diff --git a/src/core/header-renderer.js b/src/core/header-renderer.js index e00b1ca..c2e41b3 100644 --- a/src/core/header-renderer.js +++ b/src/core/header-renderer.js @@ -1,59 +1,23 @@ import { escapeHtml } from "../helpers/sanitize.js"; -/** - * Check whether a panel-level entity with the given suffix exists in hass.states. - * Searches for entities starting with "sensor.span_panel_" and ending with "_Global monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const s=document.createElement("a");s.href="/config/integrations/integration/span_panel",s.textContent="Configure Global Thresholds",Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",textDecoration:"none",fontSize:"0.85em",fontWeight:"500"}),n.appendChild(s),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const s=document.createElement("div");s.className="panel-body",t.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,e),this._renderSheddingSection(s,e),this._renderMonitoringSection(s,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`Global monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(o);const i=document.createElement("a");i.href="/config/integrations/integration/span_panel",i.textContent="Configure Global Thresholds",Object.assign(i.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",textDecoration:"none",fontSize:"0.85em",fontWeight:"500"}),n.appendChild(i),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,o=this._createHeader(u(e.name),n);t.appendChild(o);const i=document.createElement("div");i.className="panel-body",t.appendChild(i);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",i.appendChild(a),this._renderRelaySection(i,e),this._renderSheddingSection(i,e),this._renderMonitoringSection(i,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const o=document.createElement("div");o.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const s=this._topology,r=Math.ceil(this._panelSize/2),c=(H(o),this._monitoringCache.status),l=function(t,e){const n=u(t.device_name||"SPAN Panel"),o=u(t.serial||""),i=u(t.firmware||""),a="current"===(e.chart_metric||"power");return`\n\n Global monitoring thresholds apply to all circuits without custom overrides.\n Use the integration's options flow to change global settings.\n
\n \n Configure Global Thresholds\n \n\n Use Reset to Default to clear a custom override and restore the circuit to global defaults.\n
\n ${s.length>0?`\n| Name | \nContinuous | \nSpike | \nWindow | \n\n |
|---|
\n All circuits using global defaults. No per-circuit overrides are configured.\n
\n '}\n\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration\'s options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \nGlobal monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const s=document.createElement("a");s.href="/config/integrations/integration/span_panel",s.textContent="Configure Global Thresholds",Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",textDecoration:"none",fontSize:"0.85em",fontWeight:"500"}),n.appendChild(s),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const s=document.createElement("div");s.className="panel-body",t.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,e),this._renderSheddingSection(s,e),this._renderMonitoringSection(s,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`Global monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const s=document.createElement("button");s.textContent="Configure Global Thresholds",Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(s),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const s=document.createElement("div");s.className="panel-body",t.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,e),this._renderSheddingSection(s,e),this._renderMonitoringSection(s,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`Global monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(o);const i=document.createElement("a");i.href="/config/integrations/integration/span_panel",i.textContent="Configure Global Thresholds",Object.assign(i.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",textDecoration:"none",fontSize:"0.85em",fontWeight:"500"}),n.appendChild(i),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,o=this._createHeader(u(e.name),n);t.appendChild(o);const i=document.createElement("div");i.className="panel-body",t.appendChild(i);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",i.appendChild(a),this._renderRelaySection(i,e),this._renderSheddingSection(i,e),this._renderMonitoringSection(i,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const o=document.createElement("div");o.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const s=this._topology,r=Math.ceil(this._panelSize/2),c=(H(o),this._monitoringCache.status),l=function(t,e){const n=u(t.device_name||"SPAN Panel"),o=u(t.serial||""),i=u(t.firmware||""),a="current"===(e.chart_metric||"power");return`\n\n Global monitoring thresholds apply to all circuits without custom overrides.\n Use the integration's options flow to change global settings.\n
\n \n Configure Global Thresholds\n \n\n Use Reset to Default to clear a custom override and restore the circuit to global defaults.\n
\n ${s.length>0?`\n| Name | \nContinuous | \nSpike | \nWindow | \n\n |
|---|
\n All circuits using global defaults. No per-circuit overrides are configured.\n
\n '}\n\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration\'s options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \nGlobal monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.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,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const a=this._topology,r=Math.ceil(this._panelSize/2),c=(j(i),this._monitoringCache.status),l=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),s="current"===(e.chart_metric||"power");return`\n\n Use Reset to Default to clear a custom override and restore the circuit to global defaults.\n
\n ${c.length>0?`\n| Name | \nContinuous | \nSpike | \nWindow | \n\n |
|---|
\n All circuits using global defaults. No per-circuit overrides are configured.\n
\n '}\n\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \n- Monitoring is not enabled. Enable it in the integration's - options flow (Settings > Devices & Services > - SPAN Panel > Configure > Monitoring). -
-- Global monitoring thresholds apply to all circuits without custom overrides. - Use the integration's options flow to change global settings. -
- - Configure Global Thresholds - +Global monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.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,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const a=this._topology,r=Math.ceil(this._panelSize/2),c=(j(i),this._monitoringCache.status),l=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),s="current"===(e.chart_metric||"power");return`\n\n Use Reset to Default to clear a custom override and restore the circuit to global defaults.\n
\n ${c.length>0?`\n| Name | \nContinuous | \nSpike | \nWindow | \n\n |
|---|
\n All circuits using global defaults. No per-circuit overrides are configured.\n
\n '}\n\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \nGlobal monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.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,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const a=this._topology,r=Math.ceil(this._panelSize/2),c=(j(i),this._monitoringCache.status),l=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),s="current"===(e.chart_metric||"power");return`\n\n Use Reset to Default to clear a custom override and restore the circuit to global defaults.\n
\n ${c.length>0?`\n| Name | \nContinuous | \nSpike | \nWindow | \n\n |
|---|
\n All circuits using global defaults. No per-circuit overrides are configured.\n
\n '}\n\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \nGlobal monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.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,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const a=this._topology,r=Math.ceil(this._panelSize/2),c=(j(i),this._monitoringCache.status),l=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),s="current"===(e.chart_metric||"power");return`\n\n Use Reset to Default to clear a custom override and restore the circuit to global defaults.\n
\n ${c.length>0?`\n| Name | \nContinuous | \nSpike | \nWindow | \n\n |
|---|
\n All circuits using global defaults. No per-circuit overrides are configured.\n
\n '}\n\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \nGlobal monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const s=this._topology,r=Math.ceil(this._panelSize/2),l=(j(i),this._monitoringCache.status),c=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),a="current"===(e.chart_metric||"power");return`\n| Name | \nContinuous | \nSpike | \nWindow | \n\n |
|---|---|---|---|---|
| \n \n | \n||||
\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \n- Use Reset to Default to clear a custom override and restore the circuit to global defaults. -
- ${ - allEntries.length > 0 - ? ` -| Name | -Continuous | -Spike | -Window | -- |
|---|
- All circuits using global defaults. No per-circuit overrides are configured. -
- ` - } +| Name | +Continuous | +Spike | +Window | ++ |
|---|---|---|---|---|
| + + | +||||
Global monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const s=document.createElement("button");s.textContent="Configure Global Thresholds",Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(s),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const s=document.createElement("div");s.className="panel-body",t.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,e),this._renderSheddingSection(s,e),this._renderMonitoringSection(s,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`Global monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const s=document.createElement("button");s.textContent="Configure Global Thresholds",Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(s),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const s=document.createElement("div");s.className="panel-body",t.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,e),this._renderSheddingSection(s,e),this._renderMonitoringSection(s,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`Global monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const s=this._topology,r=Math.ceil(this._panelSize/2),l=(j(i),this._monitoringCache.status),c=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),a="current"===(e.chart_metric||"power");return`\n| Name | \nContinuous | \nSpike | \nWindow | \n\n |
|---|---|---|---|---|
| \n \n | \n||||
\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \nGlobal monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const s=this._topology,r=Math.ceil(this._panelSize/2),c=(j(i),this._monitoringCache.status),l=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),a="current"===(e.chart_metric||"power");return`\n| Name | \nContinuous | \nSpike | \nWindow | \n\n |
|---|---|---|---|---|
| \n \n | \n||||
\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \nGlobal monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const s=this._topology,r=Math.ceil(this._panelSize/2),c=(j(i),this._monitoringCache.status),l=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),a="current"===(e.chart_metric||"power");return`\n| Name | \nContinuous | \nSpike | \nWindow | \n\n |
|---|---|---|---|---|
| \n \n | \n||||
\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \nGlobal monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const s=this._topology,r=Math.ceil(this._panelSize/2),c=(j(i),this._monitoringCache.status),l=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),a="current"===(e.chart_metric||"power");return`\n| Name | \nContinuous | \nSpike | \nWindow | \n\n |
|---|---|---|---|---|
| \n \n | \n||||
\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \nGlobal monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const s=this._topology,r=Math.ceil(this._panelSize/2),c=(j(i),this._monitoringCache.status),l=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),a="current"===(e.chart_metric||"power");return`\n| Name | \nContinuous | \nSpike | \nWindow | \n\n |
|---|---|---|---|---|
| \n \n | \n||||
\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \nGlobal monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const s=this._topology,r=Math.ceil(this._panelSize/2),c=(j(i),this._monitoringCache.status),l=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),a="current"===(e.chart_metric||"power");return`\n| Name | \nContinuous | \nSpike | \nWindow | \nCooldown | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \nGlobal monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const s=document.createElement("button");s.textContent="Configure Global Thresholds",Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(s),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const s=document.createElement("div");s.className="panel-body",t.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,e),this._renderSheddingSection(s,e),this._renderMonitoringSection(s,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`Global monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const s=document.createElement("button");s.textContent="Configure Global Thresholds",Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(s),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const s=document.createElement("div");s.className="panel-body",t.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,e),this._renderSheddingSection(s,e),this._renderMonitoringSection(s,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`Global monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const s=this._topology,r=Math.ceil(this._panelSize/2),c=(j(i),this._monitoringCache.status),l=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),a="current"===(e.chart_metric||"power");return`\n| Name | \nContinuous | \nSpike | \nWindow | \nCooldown | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \nGlobal monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const s=this._topology,r=Math.ceil(this._panelSize/2),c=(j(i),this._monitoringCache.status),l=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),a="current"===(e.chart_metric||"power");return`\n| Name | \nContinuous | \nSpike | \nWindow | \nCooldown | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \nGlobal monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const s=this._topology,r=Math.ceil(this._panelSize/2),c=(j(i),this._monitoringCache.status),l=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),a="current"===(e.chart_metric||"power");return`\n| Name | \nContinuous | \nSpike | \nWindow | \nCooldown | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \nGlobal monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const s=this._topology,r=Math.ceil(this._panelSize/2),l=(R(i),this._monitoringCache.status),c=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),a="current"===(e.chart_metric||"power");return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | Name | \nContinuous | \nSpike | \nWindow | \nCooldown | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \n{name} {entity_id} {alert_type}
+ {current_a} {breaker_rating_a} {threshold_pct}
+ {utilization_pct} {window_m}
+ Global monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const s=document.createElement("button");s.textContent="Configure Global Thresholds",Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(s),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const s=document.createElement("div");s.className="panel-body",t.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,e),this._renderSheddingSection(s,e),this._renderMonitoringSection(s,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=t("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${g(String(t.breaker_rating_a))}A · ${g(String(t.voltage))}V · Tabs [${g(String(t.tabs))}]`,i=this._createHeader(g(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`Global monitoring thresholds apply to all circuits that don't have custom overrides.\n Use the integration's options flow to change global settings.
\nIndividual circuit thresholds can be configured by clicking the gear icon on a circuit row\n and switching to Custom mode.
\n ",n.appendChild(i);const o=document.createElement("button");o.textContent="Configure Global Thresholds",Object.assign(o.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),o.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(o),t.appendChild(n)}_renderCircuitMode(t,e){const n=`${u(String(e.breaker_rating_a))}A · ${u(String(e.voltage))}V · Tabs [${u(String(e.tabs))}]`,i=this._createHeader(u(e.name),n);t.appendChild(i);const o=document.createElement("div");o.className="panel-body",t.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,e),this._renderSheddingSection(o,e),this._renderMonitoringSection(o,e)}_createHeader(t,e){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${e.message}
`)}await this._monitoringCache.fetch(e);const s=this._topology,r=Math.ceil(this._panelSize/2),l=(R(i),this._monitoringCache.status),c=function(t,e){const n=u(t.device_name||"SPAN Panel"),i=u(t.serial||""),o=u(t.firmware||""),a="current"===(e.chart_metric||"power");return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | Name | \nContinuous | \nSpike | \nWindow | \nCooldown | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n General integration settings (entity naming, device prefix,\n circuit numbers) are managed through the integration's options flow.\n
\n \n Open SPAN Panel Integration Settings →\n \n${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${m(String(t.breaker_rating_a))}A · ${m(String(t.voltage))}V · Tabs [${m(String(t.tabs))}]`,i=this._createHeader(m(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t);const a=this._topology,s=Math.ceil(this._panelSize/2),c=(O(o),this._monitoringCache.status),d=function(e,t){const i=m(e.device_name||n("header.default_name")),o=m(e.serial||""),a=m(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \nGlobal monitoring thresholds apply to all circuits that don't have custom overrides. - Use the integration's options flow to change global settings.
-Individual circuit thresholds can be configured by clicking the gear icon on a circuit row - and switching to Custom mode.
+${t("sidepanel.global_info")}
+${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
`; body.appendChild(info); const link = document.createElement("button"); - link.textContent = "Configure Global Thresholds"; + link.textContent = t("sidepanel.configure_global"); Object.assign(link.style, { display: "inline-block", marginTop: "8px", @@ -318,14 +317,14 @@ class SpanSidePanel extends HTMLElement { const section = document.createElement("div"); section.className = "section"; - section.innerHTML = `{name} {entity_id} {alert_type}
+ ${t("notification.placeholders")} {name} {entity_id} {alert_type}
{current_a} {breaker_rating_a} {threshold_pct}
{utilization_pct} {window_m}
| Name | -Continuous | -Spike | -Window | -Cooldown | +${t("monitoring.col.name")} | +${t("monitoring.col.continuous")} | +${t("monitoring.col.spike")} | +${t("monitoring.col.window")} | +${t("monitoring.col.cooldown")} | \n ${i}\n | `}class ae{constructor(){this._debounceTimer=null,this._configEntryId=null}async render(e,t,i){let a;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:o,service:"get_monitoring_status",service_data:e,return_response:!0});a=n?.response||null}catch{a=null}const s=a?.global_settings||{},r=!0===a?.enabled,l=a?.circuits||{},c=a?.mains||{},d=new Set;for(const[e,n]of Object.entries(t.states||{})){if(!e.startsWith("person."))continue;const t=n.attributes?.device_trackers||[];for(const e of t){const t=e.split(".")[1];t&&d.add(`notify.mobile_app_${t}`)}}for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&d.add(e);for(const e of Object.keys(t.services?.notify||{}))d.add(`notify.${e}`);const p=[...d].sort(),u=s.notify_targets||"notify.notify",g=("string"==typeof u?u.split(","):u).map(e=>e.trim()).filter(Boolean),h=s.notification_title_template||"SPAN: {name} {alert_type}",f=s.notification_message_template||"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",_=!1!==s.enable_persistent_notifications,b=!1!==s.enable_event_bus,v=s.notification_priority||"default",y=Object.entries(l).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||"")),x=Object.entries(c),w=[...y,...x],$=w.length>0&&w.every(([,e])=>!1!==e.monitoring_enabled),S=w.some(([,e])=>!1!==e.monitoring_enabled),k=y.map(([e,t])=>{const i=m(t.name||e),o=!1!==t.monitoring_enabled,a=!0===t.has_override,s=o?"":"opacity:0.4;",r=m(e);return`\n
|---|---|---|---|---|---|---|---|---|---|---|
| \n \n | \n ${oe(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n ${oe(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n ${oe(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n ${oe(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n\n ${a?``:""}\n | \n|||||||||
| \n \n | \n ${oe(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n ${oe(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n ${oe(r,"window_duration_m",t.window_duration_m,"m","mains")}\n ${oe(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n\n ${a?``:""}\n | \n|||||||||
| ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${m(String(t.breaker_rating_a))}A · ${m(String(t.voltage))}V · Tabs [${m(String(t.tabs))}]`,i=this._createHeader(m(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t);const a=this._topology,s=Math.ceil(this._panelSize/2),c=(O(o),this._monitoringCache.status),d=function(e,t){const i=m(e.device_name||n("header.default_name")),o=m(e.serial||""),a=m(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n${t("settings.description")}
- + ${t("settings.open_link")} → + +| ${t("settings.col.circuit")} | +${t("settings.col.scale")} | ++ |
|---|
${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=t("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${g(String(t.breaker_rating_a))}A · ${g(String(t.voltage))}V · Tabs [${g(String(t.tabs))}]`,i=this._createHeader(g(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=t("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${m(String(t.breaker_rating_a))}A · ${m(String(t.voltage))}V · Tabs [${m(String(t.tabs))}]`,i=this._createHeader(m(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${m(String(t.breaker_rating_a))}A · ${m(String(t.voltage))}V · Tabs [${m(String(t.tabs))}]`,i=this._createHeader(m(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t);const a=this._topology,s=Math.ceil(this._panelSize/2),c=(O(o),this._monitoringCache.status),d=function(e,t){const i=m(e.device_name||n("header.default_name")),o=m(e.serial||""),a=m(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,i=this._createHeader(f(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(W(s),this._monitoringCache.status),h=function(e,t){const i=f(e.device_name||n("header.default_name")),o=f(e.serial||""),a=f(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=t("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${m(String(t.breaker_rating_a))}A · ${m(String(t.voltage))}V · Tabs [${m(String(t.tabs))}]`,i=this._createHeader(m(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,n.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(s),e.appendChild(n)}_renderCircuitMode(e,t){const i=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,n=this._createHeader(f(t.name),i);e.appendChild(n);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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div");n.innerHTML=`${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,n.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(s),e.appendChild(n)}_renderCircuitMode(e,t){const i=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,n=this._createHeader(f(t.name),i);e.appendChild(n);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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div");n.innerHTML=`${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,n.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(s),e.appendChild(n)}_renderCircuitMode(e,t){const i=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,n=this._createHeader(f(t.name),i);e.appendChild(n);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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div");n.innerHTML=`${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,i=this._createHeader(f(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(W(s),this._monitoringCache.status),h=function(e,t){const i=f(e.device_name||n("header.default_name")),o=f(e.serial||""),a=f(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,i=this._createHeader(f(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=f(e.device_name||n("header.default_name")),o=f(e.serial||""),a=f(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,n.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(s),e.appendChild(n)}_renderCircuitMode(e,t){const i=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,n=this._createHeader(f(t.name),i);e.appendChild(n);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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div");n.innerHTML=`${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,n.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(s),e.appendChild(n)}_renderCircuitMode(e,t){const i=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,n=this._createHeader(f(t.name),i);e.appendChild(n);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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div");n.innerHTML=`${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,i=this._createHeader(f(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=f(e.device_name||n("header.default_name")),o=f(e.serial||""),a=f(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,i=this._createHeader(f(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=f(e.device_name||n("header.default_name")),o=f(e.serial||""),a=f(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,n.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(s),e.appendChild(n)}_renderCircuitMode(e,t){const i=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,n=this._createHeader(f(t.name),i);e.appendChild(n);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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div");n.innerHTML=`${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,n.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(s),e.appendChild(n)}_renderCircuitMode(e,t){const i=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,n=this._createHeader(f(t.name),i);e.appendChild(n);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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div");n.innerHTML=`${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,i=this._createHeader(f(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=f(e.device_name||n("header.default_name")),o=f(e.serial||""),a=f(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,i=this._createHeader(f(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=f(e.device_name||n("header.default_name")),o=f(e.serial||""),a=f(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,n.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),n.appendChild(s),e.appendChild(n)}_renderCircuitMode(e,t){const i=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,n=this._createHeader(f(t.name),i);e.appendChild(n);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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div");n.innerHTML=`${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(s),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${f(String(t.breaker_rating_a))}A · ${f(String(t.voltage))}V · Tabs [${f(String(t.tabs))}]`,i=this._createHeader(f(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=f(e.device_name||n("header.default_name")),o=f(e.serial||""),a=f(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(s),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(s),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(s),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(s),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(s),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(s),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(s),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(s),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${m(String(t.breaker_rating_a))}A · ${m(String(t.voltage))}V · Tabs [${m(String(t.tabs))}]`,i=this._createHeader(m(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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(s),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${m(String(t.breaker_rating_a))}A · ${m(String(t.voltage))}V · Tabs [${m(String(t.tabs))}]`,i=this._createHeader(m(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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(s),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${m(String(t.breaker_rating_a))}A · ${m(String(t.voltage))}V · Tabs [${m(String(t.tabs))}]`,i=this._createHeader(m(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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(s),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${m(String(t.breaker_rating_a))}A · ${m(String(t.voltage))}V · Tabs [${m(String(t.tabs))}]`,i=this._createHeader(m(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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(s),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${m(String(t.breaker_rating_a))}A · ${m(String(t.voltage))}V · Tabs [${m(String(t.tabs))}]`,i=this._createHeader(m(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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t("sidepanel.global_info")}
\n${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const s=document.createElement("button");s.textContent=t("sidepanel.configure_global"),Object.assign(s.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),s.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(s),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${m(String(t.breaker_rating_a))}A · ${m(String(t.voltage))}V · Tabs [${m(String(t.tabs))}]`,i=this._createHeader(m(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),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${n("sidepanel.global_info")}
\n${n("sidepanel.custom_info_prefix")} ${n("sidepanel.custom")} ${n("sidepanel.custom_info_suffix")}
\n `,i.appendChild(o);const a=document.createElement("button");a.textContent=n("sidepanel.configure_global"),Object.assign(a.style,{display:"inline-block",marginTop:"8px",padding:"8px 16px",background:"var(--primary-color, #4dd9af)",color:"var(--text-primary-color, #000)",borderRadius:"4px",border:"none",cursor:"pointer",fontSize:"0.85em",fontWeight:"500"}),a.addEventListener("click",()=>{this.close(),this.dispatchEvent(new CustomEvent("navigate-tab",{detail:"monitoring",bubbles:!0,composed:!0}))}),i.appendChild(a),e.appendChild(i)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(O(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(W(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t("sidepanel.global_info")}
-${t("sidepanel.custom_info_prefix")} ${t("sidepanel.custom")} ${t("sidepanel.custom_info_suffix")}
- `; - body.appendChild(info); - - const link = document.createElement("button"); - link.textContent = t("sidepanel.configure_global"); - Object.assign(link.style, { - display: "inline-block", - marginTop: "8px", - padding: "8px 16px", - background: "var(--primary-color, #4dd9af)", - color: "var(--text-primary-color, #000)", - borderRadius: "4px", - border: "none", - cursor: "pointer", - fontSize: "0.85em", - fontWeight: "500", - }); - link.addEventListener("click", () => { - this.close(); - this.dispatchEvent(new CustomEvent("navigate-tab", { detail: "monitoring", bubbles: true, composed: true })); + 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; + const circuitSettings = graphSettings?.circuits ?? {}; + + // ── Global default horizon ── + const globalSection = document.createElement("div"); + globalSection.className = "section"; + + const globalLabel = document.createElement("div"); + globalLabel.className = "section-label"; + globalLabel.textContent = t("sidepanel.graph_horizon"); + globalSection.appendChild(globalLabel); + + const globalRow = document.createElement("div"); + globalRow.className = "field-row"; + + const globalFieldLabel = document.createElement("span"); + globalFieldLabel.className = "field-label"; + globalFieldLabel.textContent = t("sidepanel.global_default"); + globalRow.appendChild(globalFieldLabel); + + const globalSelect = document.createElement("select"); + for (const key of Object.keys(GRAPH_HORIZONS)) { + const opt = document.createElement("option"); + opt.value = key; + opt.textContent = key; + if (key === globalHorizon) opt.selected = true; + globalSelect.appendChild(opt); + } + globalSelect.addEventListener("change", () => { + this._callDomainService("set_graph_time_horizon", { horizon: globalSelect.value }) + .then(() => { + this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true })); + }) + .catch(err => this._showError(`${err.message ?? err}`)); }); - body.appendChild(link); + globalRow.appendChild(globalSelect); + globalSection.appendChild(globalRow); + body.appendChild(globalSection); + + // ── Per-circuit horizon scales ── + if (topology?.circuits) { + const circuitSection = document.createElement("div"); + circuitSection.className = "section"; + + const circuitLabel = document.createElement("div"); + circuitLabel.className = "section-label"; + circuitLabel.textContent = t("sidepanel.circuit_scales"); + circuitSection.appendChild(circuitLabel); + + 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); + + const circuitData = circuitSettings[uuid] || {}; + 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; + opt.textContent = key; + if (key === effectiveHorizon) opt.selected = true; + select.appendChild(opt); + } + select.addEventListener("change", () => { + this._debounce(`circuit-${uuid}`, DEBOUNCE_MS, () => { + this._callDomainService("set_circuit_graph_horizon", { + circuit_id: uuid, + horizon: select.value, + }) + .then(() => { + this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true })); + }) + .catch(err => this._showError(`${err.message ?? err}`)); + }); + }); + 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", () => { + this._callDomainService("clear_circuit_graph_horizon", { circuit_id: uuid }) + .then(() => { + select.value = globalHorizon; + resetBtn.remove(); + this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true })); + }) + .catch(err => this._showError(`${err.message ?? err}`)); + }); + row.appendChild(resetBtn); + } + + circuitSection.appendChild(row); + } + + body.appendChild(circuitSection); + } panel.appendChild(body); } diff --git a/src/i18n.js b/src/i18n.js index 76f32f2..a5615a4 100644 --- a/src/i18n.js +++ b/src/i18n.js @@ -111,13 +111,11 @@ const translations = { "subdevice.power": "Power", // Side panel - "sidepanel.panel_monitoring": "Panel Monitoring", + "sidepanel.graph_settings": "Graph Settings", "sidepanel.global_defaults": "Global defaults for all circuits", - "sidepanel.global_info": - "Global monitoring thresholds apply to all circuits that don't have custom overrides. Use the integration's options flow to change global settings.", - "sidepanel.custom_info_prefix": "Individual circuit thresholds can be configured by clicking the gear icon on a circuit row and switching to", - "sidepanel.custom_info_suffix": "mode.", - "sidepanel.configure_global": "Configure Global Thresholds", + "sidepanel.global_default": "Global Default", + "sidepanel.circuit_scales": "Circuit Graph Scales", + "sidepanel.reset_to_global": "Reset to global default", "sidepanel.relay": "Relay", "sidepanel.breaker": "Breaker", "sidepanel.relay_failed": "Relay toggle failed:", @@ -261,14 +259,11 @@ const translations = { "subdevice.soc": "SoC", "subdevice.soe": "SoE", "subdevice.power": "Potencia", - "sidepanel.panel_monitoring": "Monitoreo del Panel", + "sidepanel.graph_settings": "Configuraci\u00f3n de Gr\u00e1ficos", "sidepanel.global_defaults": "Valores predeterminados globales para todos los circuitos", - "sidepanel.global_info": - "Los umbrales de monitoreo global se aplican a todos los circuitos sin anulaciones personalizadas. Use el flujo de opciones de la integraci\u00f3n para cambiar la configuraci\u00f3n global.", - "sidepanel.custom_info_prefix": - "Los umbrales individuales de circuito se pueden configurar haciendo clic en el icono de engranaje en una fila de circuito y cambiando al modo", - "sidepanel.custom_info_suffix": ".", - "sidepanel.configure_global": "Configurar Umbrales Globales", + "sidepanel.global_default": "Predeterminado Global", + "sidepanel.circuit_scales": "Escalas de Gr\u00e1ficos de Circuitos", + "sidepanel.reset_to_global": "Restablecer al valor global", "sidepanel.relay": "Rel\u00e9", "sidepanel.breaker": "Interruptor", "sidepanel.relay_failed": "Error al cambiar rel\u00e9:", @@ -404,14 +399,11 @@ const translations = { "subdevice.soc": "SoC", "subdevice.soe": "SoE", "subdevice.power": "Puissance", - "sidepanel.panel_monitoring": "Surveillance du Panneau", + "sidepanel.graph_settings": "Param\u00e8tres des Graphiques", "sidepanel.global_defaults": "Valeurs par d\u00e9faut globales pour tous les circuits", - "sidepanel.global_info": - "Les seuils de surveillance globaux s'appliquent \u00e0 tous les circuits sans remplacement personnalis\u00e9. Utilisez le flux d'options de l'int\u00e9gration pour modifier les param\u00e8tres globaux.", - "sidepanel.custom_info_prefix": - "Les seuils individuels de circuit peuvent \u00eatre configur\u00e9s en cliquant sur l'ic\u00f4ne d'engrenage d'une rang\u00e9e de circuit et en passant au mode", - "sidepanel.custom_info_suffix": ".", - "sidepanel.configure_global": "Configurer les Seuils Globaux", + "sidepanel.global_default": "D\u00e9faut Global", + "sidepanel.circuit_scales": "\u00c9chelles des Graphiques de Circuits", + "sidepanel.reset_to_global": "R\u00e9initialiser \u00e0 la valeur globale", "sidepanel.relay": "Relais", "sidepanel.breaker": "Disjoncteur", "sidepanel.relay_failed": "\u00c9chec du basculement du relais :", @@ -549,14 +541,11 @@ const translations = { "subdevice.soc": "SoC", "subdevice.soe": "SoE", "subdevice.power": "\u96fb\u529b", - "sidepanel.panel_monitoring": "\u30d1\u30cd\u30eb\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0", + "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_info": - "\u30b0\u30ed\u30fc\u30d0\u30eb\u76e3\u8996\u30b7\u304d\u3044\u5024\u306f\u30ab\u30b9\u30bf\u30e0\u4e0a\u66f8\u304d\u306e\u306a\u3044\u5168\u56de\u8def\u306b\u9069\u7528\u3055\u308c\u307e\u3059\u3002\u7d71\u5408\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u30d5\u30ed\u30fc\u3067\u30b0\u30ed\u30fc\u30d0\u30eb\u8a2d\u5b9a\u3092\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002", - "sidepanel.custom_info_prefix": - "\u500b\u5225\u306e\u56de\u8def\u3057\u304d\u3044\u5024\u306f\u3001\u56de\u8def\u884c\u306e\u6b6f\u8eca\u30a2\u30a4\u30b3\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u30e2\u30fc\u30c9\u3092\u5207\u308a\u66ff\u3048\u3066\u8a2d\u5b9a\u3067\u304d\u307e\u3059", - "sidepanel.custom_info_suffix": "\u3002", - "sidepanel.configure_global": "\u30b0\u30ed\u30fc\u30d0\u30eb\u3057\u304d\u3044\u5024\u3092\u8a2d\u5b9a", + "sidepanel.global_default": "\u30b0\u30ed\u30fc\u30d0\u30eb\u30c7\u30d5\u30a9\u30eb\u30c8", + "sidepanel.circuit_scales": "\u56de\u8def\u30b0\u30e9\u30d5\u30b9\u30b1\u30fc\u30eb", + "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:", @@ -696,14 +685,11 @@ const translations = { "subdevice.soc": "SoC", "subdevice.soe": "SoE", "subdevice.power": "Pot\u00eancia", - "sidepanel.panel_monitoring": "Monitoramento do Painel", + "sidepanel.graph_settings": "Configura\u00e7\u00f5es de Gr\u00e1ficos", "sidepanel.global_defaults": "Padr\u00f5es globais para todos os circuitos", - "sidepanel.global_info": - "Os limites de monitoramento global se aplicam a todos os circuitos sem substitui\u00e7\u00f5es personalizadas. Use o fluxo de op\u00e7\u00f5es da integra\u00e7\u00e3o para alterar as configura\u00e7\u00f5es globais.", - "sidepanel.custom_info_prefix": - "Os limites individuais de circuito podem ser configurados clicando no \u00edcone de engrenagem em uma linha de circuito e alternando para o modo", - "sidepanel.custom_info_suffix": ".", - "sidepanel.configure_global": "Configurar Limites Globais", + "sidepanel.global_default": "Padr\u00e3o Global", + "sidepanel.circuit_scales": "Escalas de Gr\u00e1ficos de Circuitos", + "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:", diff --git a/src/panel/tab-dashboard.js b/src/panel/tab-dashboard.js index a44f28f..6b56132 100644 --- a/src/panel/tab-dashboard.js +++ b/src/panel/tab-dashboard.js @@ -293,7 +293,12 @@ export class DashboardTab { sidePanel.hass = this._hass; if (gearBtn.classList.contains("panel-gear")) { - container.dispatchEvent(new CustomEvent("navigate-tab", { detail: "monitoring", bubbles: true, composed: true })); + await this._graphSettingsCache.fetch(this._hass); + sidePanel.open({ + panelMode: true, + topology, + graphSettings: this._graphSettingsCache.settings, + }); return; } From 52401016c906ed39925a9165fb6f2cc1cbd2a78c Mon Sep 17 00:00:00 2001 From: cayossarian <23534755+cayossarian@users.noreply.github.com> Date: Wed, 1 Apr 2026 17:35:50 -0700 Subject: [PATCH 059/101] fix: remove 900px max-width cap so frontend panel fills browser width --- dist/span-panel.js | 2 +- src/panel/span-panel.js | 3 --- 2 files changed, 1 insertion(+), 4 deletions(-) diff --git a/dist/span-panel.js b/dist/span-panel.js index a14c792..d9eb8b6 100644 --- a/dist/span-panel.js +++ b/dist/span-panel.js @@ -1 +1 @@ -!function(){"use strict";let e="en";const t={en:{"tab.panel":"Panel","tab.monitoring":"Monitoring","tab.settings":"Settings","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.persistent":"Persistent Alerts","notification.persistent_hint":"Create persistent HA notifications","notification.event_bus":"Event Bus","notification.event_bus_hint":"Fire events on the 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:","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.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.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.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)","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Always On","shedding.never":"Never","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Off-Grid","shedding.unknown":"Unknown"},es:{"tab.panel":"Panel","tab.monitoring":"Monitoreo","tab.settings":"Configuración","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.persistent":"Alertas Persistentes","notification.persistent_hint":"Crear notificaciones persistentes en HA","notification.event_bus":"Bus de Eventos","notification.event_bus_hint":"Emitir eventos en el 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:","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.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.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.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)","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Siempre Encendido","shedding.never":"Nunca","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Fuera de Red","shedding.unknown":"Desconocido"},fr:{"tab.panel":"Panneau","tab.monitoring":"Surveillance","tab.settings":"Paramètres","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.persistent":"Alertes Persistantes","notification.persistent_hint":"Créer des notifications persistantes HA","notification.event_bus":"Bus d'Événements","notification.event_bus_hint":"Émettre des événements sur le 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 :","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.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.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.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)","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Toujours Actif","shedding.never":"Jamais","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Hors Réseau","shedding.unknown":"Inconnu"},ja:{"tab.panel":"パネル","tab.monitoring":"モニタリング","tab.settings":"設定","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.persistent":"永続アラート","notification.persistent_hint":"HA永続通知を作成","notification.event_bus":"イベントバス","notification.event_bus_hint":"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":"プレースホルダー:","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.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.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.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)","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"常時オン","shedding.never":"なし","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"オフグリッド","shedding.unknown":"不明"},pt:{"tab.panel":"Painel","tab.monitoring":"Monitoramento","tab.settings":"Configurações","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.persistent":"Alertas Persistentes","notification.persistent_hint":"Criar notificações persistentes no HA","notification.event_bus":"Barramento de Eventos","notification.event_bus_hint":"Emitir eventos no 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:","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.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.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.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)","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Sempre Ligado","shedding.never":"Nunca","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Fora da Rede","shedding.unknown":"Desconhecido"}};function n(n){return t[e]?.[n]??t.en[n]??n}const i="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}},s="span_panel",r="CLOSED",l="pv",c="bess",d="evse",p="sub_",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)}},h={soc:{label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},g={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",f={"&":"&","<":"<",">":">",'"':""","'":"'"};function _(e){return String(e).replace(/[&<>"']/g,e=>f[e])}const v=Object.keys(g).filter(e=>"unknown"!==e);class b 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;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):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 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 l=t.graphSettings,c=t.topology,d=l?.global_horizon??o,p=l?.circuits??{},u=document.createElement("div");u.className="section";const h=document.createElement("div");h.className="section-label",h.textContent=n("sidepanel.graph_horizon"),u.appendChild(h);const g=document.createElement("div");g.className="field-row";const m=document.createElement("span");m.className="field-label",m.textContent=n("sidepanel.global_default"),g.appendChild(m);const f=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e,t.textContent=e,e===d&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{this._callDomainService("set_graph_time_horizon",{horizon:f.value}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),g.appendChild(f),u.appendChild(g),s.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 s=document.createElement("span");s.className="field-label",s.textContent=o.name||t,s.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",i.appendChild(s);const r=p[t]||{},l=r.has_override?r.horizon:d,c=document.createElement("select");c.dataset.uuid=t;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e,t.textContent=e,e===l&&(t.selected=!0),c.appendChild(t)}if(c.addEventListener("change",()=>{this._debounce(`circuit-${t}`,500,()=>{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)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const n=`${_(String(t.breaker_rating_a))}A · ${_(String(t.voltage))}V · Tabs [${_(String(t.tabs))}]`,i=this._createHeader(_(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const a=document.createElement("div");a.className="error-msg",a.id="error-msg",a.style.display="none",o.appendChild(a),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),this._renderMonitoringSection(o,t)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div");i.innerHTML=`${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(W(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(W(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(W(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(W(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(W(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(W(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const l=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=l?.circuits?.[e],n=t?.has_override?t.horizon:l?.global_horizon||o;this._horizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),u=(W(s),this._monitoringCache.status),h=function(e,t){const i=_(e.device_name||n("header.default_name")),o=_(e.serial||""),a=_(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,u=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|
${t.message}
`)}await this._monitoringCache.fetch(t),await this._graphSettingsCache.fetch(t);const r=this._topology;this._horizonMap=new Map;const c=this._graphSettingsCache.settings;if(r?.circuits)for(const e of Object.keys(r.circuits)){const t=c?.circuits?.[e],n=t?.has_override?t.horizon:c?.global_horizon||o;this._horizonMap.set(e,n)}if(r?.sub_devices)for(const e of Object.keys(r.sub_devices)){const t=c?.sub_devices?.[e],n=t?.has_override?t.horizon:c?.global_horizon||o;this._subDeviceHorizonMap.set(e,n)}const p=Math.ceil(this._panelSize/2),h=(B(s),this._monitoringCache.status),u=function(e,t){const i=f(e.device_name||n("header.default_name")),o=f(e.serial||""),a=f(e.firmware||""),s="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,p=!!e.panel_entities?.pv_power,h=!!e.panel_entities?.battery_level;return`\n{name} {entity_id} {alert_type}\n {current_a} {breaker_rating_a} {threshold_pct}\n {utilization_pct} {window_m}\n | ${n("monitoring.col.name")} | \n${n("monitoring.col.continuous")} | \n${n("monitoring.col.spike")} | \n${n("monitoring.col.window")} | \n${n("monitoring.col.cooldown")} | \n\n |
|---|---|---|---|---|---|
| \n \n | \n|||||
\n ${n("settings.description")}\n
\n \n ${n("settings.open_link")} →\n \n\n| ${n("settings.col.circuit")} | \n${n("settings.col.scale")} | \n\n |
|---|