node-red-contrib-senec-cloud-v2 0.2.0 → 0.2.2

package/CHANGELOG.md

@@ -5,6 +5,28 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.2.2] - 2026-07-05
+
+### Fixed
+- **Weather fetch resilience**: The weather node no longer drops to its
+  fallback payload on the first transient Open-Meteo error (e.g. HTTP 503
+  Service Unavailable, HTTP 429 rate limiting, timeouts or network errors).
+  `WeatherClient.getWeather` now retries transient failures with exponential
+  backoff (configurable via `retries` / `retryDelay`, default 2 retries)
+  before giving up. Non-transient errors (HTTP 4xx other than 429) still fail
+  immediately, and the last-good/sample fallback remains as a last resort.
+
+## [0.2.1] - 2026-07-05
+
+### Fixed
+- **Battery "Heute" (today) value**: The daily battery charge/discharge was
+  derived from an energy-balance formula whose two halves were exact negatives
+  of each other, so the "aus / ein" split could never be consistent and the
+  displayed value was misleading. It now computes a single, physically correct
+  net battery energy for the day
+  (`net = consumption + gridExport - generation - gridImport`) and shows the
+  net discharge/charge accordingly.
+
 ## [0.2.0] - 2026-07-05
 
 ### Fixed

package/dist/lib/dashboard-html-renderer.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Dashboard HTML Renderer
+ *
+ * Produces the fully resizable 16:9 energy dashboard as a standalone HTML
+ * document, faithfully adapting the reference spec in
+ * docs/00-input/ux/index.html while binding live SENEC + Weather values
+ * from the shared {@link DashboardModel}.
+ *
+ * The output is a self-contained HTML string (inline CSS, no external
+ * assets) suitable for output on the second pin of the senec-image node,
+ * for embedding in an iframe, or for serving via an HTTP response node.
+ */
+import { DashboardModel } from './dashboard-layout';
+/**
+ * Render the complete dashboard HTML document for the given model.
+ */
+export declare function renderDashboardHtml(model: DashboardModel): string;
+//# sourceMappingURL=dashboard-html-renderer.d.ts.map

package/dist/lib/dashboard-html-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-html-renderer.d.ts","sourceRoot":"","sources":["../../src/lib/dashboard-html-renderer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAe,cAAc,EAAa,MAAM,oBAAoB,CAAC;AA2I5E;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAkejE"}

package/dist/lib/dashboard-html-renderer.js

@@ -0,0 +1,604 @@
+"use strict";
+/**
+ * Dashboard HTML Renderer
+ *
+ * Produces the fully resizable 16:9 energy dashboard as a standalone HTML
+ * document, faithfully adapting the reference spec in
+ * docs/00-input/ux/index.html while binding live SENEC + Weather values
+ * from the shared {@link DashboardModel}.
+ *
+ * The output is a self-contained HTML string (inline CSS, no external
+ * assets) suitable for output on the second pin of the senec-image node,
+ * for embedding in an iframe, or for serving via an HTTP response node.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderDashboardHtml = renderDashboardHtml;
+const dashboard_layout_1 = require("./dashboard-layout");
+/** Escape a string for safe insertion into HTML text/attributes. */
+function esc(value) {
+    return String(value)
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;')
+        .replace(/`/g, '&#96;')
+        .replace(/\//g, '&#47;');
+}
+/** Render a single energy node for the "Aktuell" (current) card. */
+function currentNode(cls, posCls, v) {
+    return (`<div class="energy-node ${cls} ${posCls}">` +
+        `<div class="label">${esc(v.label)}</div>` +
+        `<div class="value">${esc(v.value)}</div>` +
+        `<div class="unit">${esc(v.unit)}</div>` +
+        `</div>`);
+}
+/** Render a single energy node for the "Heute" (today) card. */
+function todayNode(cls, posCls, v) {
+    if (v.dual) {
+        return (`<div class="energy-node ${cls} ${posCls}">` +
+            `<div class="label">${esc(v.label)}</div>` +
+            `<div class="small-value">${esc(v.dual)}</div>` +
+            `<div class="hint">${esc(v.hint || '')}</div>` +
+            `<div class="unit">${esc(v.unit)}</div>` +
+            `</div>`);
+    }
+    return (`<div class="energy-node ${cls} ${posCls}">` +
+        `<div class="label">${esc(v.label)}</div>` +
+        `<div class="value">${esc(v.value)}</div>` +
+        `<div class="unit">${esc(v.unit)}</div>` +
+        `</div>`);
+}
+/** Coerce to a safe integer percentage (0..100) for inline output. */
+function pct(value) {
+    const n = Number(value);
+    if (!isFinite(n)) {
+        return 0;
+    }
+    return Math.min(100, Math.max(0, Math.round(n)));
+}
+/** Degrees for a conic ring given a percentage. */
+function ringDeg(percent) {
+    return Math.round((pct(percent) / 100) * 360);
+}
+/** Short HH:MM (local) from an ISO timestamp, or "--:--" if absent. */
+function shortTime(iso) {
+    if (!iso) {
+        return '--:--';
+    }
+    const d = new Date(iso);
+    if (isNaN(d.getTime())) {
+        return '--:--';
+    }
+    const hh = String(d.getHours()).padStart(2, '0');
+    const mm = String(d.getMinutes()).padStart(2, '0');
+    return `${hh}:${mm}`;
+}
+/** Render one status chip (SENEC / Weather). */
+function statusChip(label, s) {
+    const ok = !!s.ok;
+    const dotColor = ok ? '#1fb141' : s.fallback ? '#ff8a00' : '#e5484d';
+    const stateText = ok ? 'OK' : s.fallback ? 'Fallback' : 'Fehler';
+    return (`<div class="status-chip">` +
+        `<span class="status-dot" style="background:${dotColor}"></span>` +
+        `<span class="status-label">${esc(label)}</span>` +
+        `<span class="status-state">${esc(stateText)}</span>` +
+        `<span class="status-time">${esc(shortTime(s.timestamp))}</span>` +
+        `</div>`);
+}
+function renderWeatherCard(model) {
+    const w = model.weather;
+    if (!w) {
+        return (`<section class="card">` +
+            `<h1 class="title">${esc(dashboard_layout_1.CARD_TITLES.weather)}</h1>` +
+            `<div class="weather-layout"><div class="current-weather">` +
+            `<div class="weather-icon">❓</div>` +
+            `<div><div class="temp">--</div><div class="condition">Keine Wetterdaten</div></div>` +
+            `</div></div></section>`);
+    }
+    const forecast = w.forecast
+        .slice(0, 5)
+        .map((f) => `<div class="forecast-item">` +
+        `<div class="forecast-day">${esc(f.day)}</div>` +
+        `<div class="forecast-ico">${esc(f.icon)}</div>` +
+        `<div class="forecast-temp">${esc(String(f.temp))}°</div>` +
+        `</div>`)
+        .join('');
+    const locationLine = w.location
+        ? `<div class="weather-location">📍 ${esc(w.location)}</div>`
+        : '';
+    return (`<section class="card">` +
+        `<h1 class="title">${esc(dashboard_layout_1.CARD_TITLES.weather)}</h1>` +
+        locationLine +
+        `<div class="weather-layout">` +
+        `<div class="current-weather">` +
+        `<div class="weather-icon">${esc(w.icon)}</div>` +
+        `<div><div class="temp">${esc(String(w.temperature))}°C</div>` +
+        `<div class="condition">${esc(w.condition)}</div></div>` +
+        `</div>` +
+        `<div class="metrics">` +
+        `<div class="metric"><div class="mi">🌡️</div><div><div class="mv">${esc(String(w.tempMax))}° / ${esc(String(w.tempMin))}°</div><div class="ml">max / min</div></div></div>` +
+        `<div class="metric"><div class="mi">💧</div><div><div class="mv">${esc(String(w.humidity))}%</div><div class="ml">Luftfeuchte</div></div></div>` +
+        `<div class="metric"><div class="mi">🌬️</div><div><div class="mv">${esc(String(w.windSpeed))} km/h</div><div class="ml">${esc(w.windDirection)}</div></div></div>` +
+        `</div>` +
+        `<div class="forecast">${forecast}</div>` +
+        `</div></section>`);
+}
+/**
+ * Render the complete dashboard HTML document for the given model.
+ */
+function renderDashboardHtml(model) {
+    const c = model.current;
+    const t = model.today;
+    const a = model.autarky;
+    const currentCard = `<section class="card">` +
+        `<h1 class="title">${esc(dashboard_layout_1.CARD_TITLES.current)}</h1>` +
+        `<div class="flow-area">` +
+        `<div class="connector c-solar"></div>` +
+        `<div class="connector c-grid"></div>` +
+        `<div class="connector c-battery"></div>` +
+        `<div class="connector c-wallbox"></div>` +
+        `<div class="connector c-consumption"></div>` +
+        `<div class="hub"></div>` +
+        currentNode('solar', 'pos-solar', c.solar) +
+        currentNode('grid', 'pos-grid', c.grid) +
+        currentNode('battery', 'pos-battery', c.battery) +
+        currentNode('orange', 'pos-wallbox', c.wallbox) +
+        currentNode('orange', 'pos-consumption', c.consumption) +
+        `</div></section>`;
+    const todayCard = `<section class="card">` +
+        `<h1 class="title">${esc(dashboard_layout_1.CARD_TITLES.today)}</h1>` +
+        `<div class="flow-area">` +
+        `<div class="connector c-solar"></div>` +
+        `<div class="connector c-grid"></div>` +
+        `<div class="connector c-battery"></div>` +
+        `<div class="connector c-wallbox"></div>` +
+        `<div class="connector c-consumption"></div>` +
+        `<div class="hub"></div>` +
+        todayNode('solar', 'pos-solar', t.solar) +
+        todayNode('grid', 'pos-grid', t.grid) +
+        todayNode('battery', 'pos-battery', t.battery) +
+        todayNode('orange', 'pos-wallbox', t.wallbox) +
+        todayNode('orange', 'pos-consumption', t.consumption) +
+        `</div></section>`;
+    const autarkyCard = `<section class="card">` +
+        `<h1 class="title">${esc(dashboard_layout_1.CARD_TITLES.autarky)}</h1>` +
+        `<div class="autarky-grid">` +
+        `<div class="kpi"><div class="kpi-label">Heute</div><div class="percent">${pct(a.todayPercent)}%</div>` +
+        `<div class="ring" style="--p:${ringDeg(a.todayPercent)}deg; --ring-color:#1fb141" data-icon="🍃"></div></div>` +
+        `<div class="kpi"><div class="kpi-label">Aktuell</div><div class="percent">${pct(a.currentPercent)}%</div>` +
+        `<div class="ring" style="--p:${ringDeg(a.currentPercent)}deg; --ring-color:#1fb141" data-icon="⚡"></div></div>` +
+        `<div class="kpi"><div class="kpi-label">Speicherstatus</div><div class="percent" style="color:#2e7bea">${pct(a.batterySocPercent)}%</div>` +
+        `<div class="ring" style="--p:${ringDeg(a.batterySocPercent)}deg; --ring-color:#2e7bea" data-icon="🔋"></div></div>` +
+        `</div></section>`;
+    const weatherCard = renderWeatherCard(model);
+    const statusBar = `<div class="status-bar">` +
+        statusChip('SENEC', model.status.senec) +
+        statusChip('Wetter-API', model.status.weather) +
+        `</div>`;
+    return `<!doctype html>
+<html lang="de">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Energy Dashboard</title>
+<style>
+:root {
+  --blue: #2438c5;
+  --solar: #fdb913;
+  --solar-hi: #ffd84d;
+  --battery: #1237e6;
+  --battery-hi: #3157ff;
+  --orange: #ff8a00;
+  --orange-hi: #ffad33;
+  --gray: #8a8a8a;
+  --gray-hi: #a8a8a8;
+  --green: #1fb141;
+  --status-blue: #2e7bea;
+  --ring-bg: #e6eaf0;
+  --border: #e8e8e8;
+  --muted: #6b7280;
+  --main: #111827;
+  --page: #f3f4f6;
+  --white: #ffffff;
+}
+* { box-sizing: border-box; }
+html, body {
+  margin: 0;
+  min-height: 100%;
+  background: var(--page);
+  font-family: "Segoe UI", Arial, sans-serif;
+  color: var(--main);
+}
+body {
+  min-height: 100vh;
+  display: grid;
+  place-items: center;
+  padding: 2vmin;
+}
+.dashboard-wrap {
+  width: min(96vw, 1600px);
+  max-height: 96vh;
+  aspect-ratio: 16 / 9;
+  container-type: inline-size;
+}
+.dashboard {
+  --u: 1cqw;
+  --outer: clamp(10px, calc(var(--u) * 1.5), 24px);
+  --gap: clamp(10px, calc(var(--u) * 1.5), 24px);
+  --card-radius: clamp(10px, calc(var(--u) * 1.125), 18px);
+  --title-font: clamp(16px, calc(var(--u) * 1.875), 30px);
+  --title-line: calc(var(--title-font) * 1.13);
+  --header-h: clamp(30px, calc(var(--u) * 2.875), 46px);
+  --card-pad-x: clamp(10px, calc(var(--u) * 1.25), 20px);
+  --card-pad-top: clamp(10px, calc(var(--u) * 1.125), 18px);
+  --card-pad-bottom: clamp(10px, calc(var(--u) * 1.25), 20px);
+  --node-d: clamp(58px, calc(var(--u) * 7.0), 112px);
+  --hub-d: calc(var(--node-d) * .375);
+  --connector-h: calc(var(--node-d) * .152);
+  --node-label-font: calc(var(--node-d) * .152);
+  --node-value-font: calc(var(--node-d) * .357);
+  --node-unit-font: calc(var(--node-d) * .134);
+  --node-small-font: calc(var(--node-d) * .223);
+  --node-hint-font: calc(var(--node-d) * .107);
+  --ring-d: clamp(78px, calc(var(--u) * 8.0), 128px);
+  --ring-stroke: calc(var(--ring-d) * .105);
+  width: 100%;
+  height: 100%;
+  aspect-ratio: 16 / 9;
+  background: var(--white);
+  padding: var(--outer);
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-template-rows: 1fr 1fr;
+  gap: var(--gap);
+  overflow: hidden;
+}
+.card {
+  position: relative;
+  min-width: 0;
+  min-height: 0;
+  background: var(--white);
+  border: 1px solid var(--border);
+  border-radius: var(--card-radius);
+  box-shadow: 0 calc(var(--u) * .18) calc(var(--u) * 1.125) rgba(0,0,0,.08);
+  overflow: hidden;
+  padding: var(--card-pad-top) var(--card-pad-x) var(--card-pad-bottom);
+}
+.title {
+  margin: 0;
+  height: var(--header-h);
+  line-height: var(--title-line);
+  text-align: center;
+  font-size: var(--title-font);
+  color: var(--blue);
+  font-weight: 650;
+  letter-spacing: .01em;
+}
+.flow-area {
+  position: absolute;
+  left: var(--card-pad-x);
+  right: var(--card-pad-x);
+  top: calc(var(--card-pad-top) + var(--header-h));
+  bottom: var(--card-pad-bottom);
+}
+.pos-solar       { left: 50.0%; top: 16.0%; }
+.pos-grid        { left: 23.5%; top: 49.0%; }
+.pos-battery     { left: 76.5%; top: 49.0%; }
+.pos-wallbox     { left: 34.0%; top: 81.5%; }
+.pos-consumption { left: 66.0%; top: 81.5%; }
+.energy-node {
+  position: absolute;
+  width: var(--node-d);
+  height: var(--node-d);
+  transform: translate(-50%, -50%);
+  border-radius: 50%;
+  display: grid;
+  grid-template-rows: auto auto auto auto;
+  align-content: center;
+  justify-items: center;
+  text-align: center;
+  color: #fff;
+  z-index: 10;
+  padding-top: calc(var(--node-d) * .025);
+  box-shadow: 0 calc(var(--node-d) * .045) calc(var(--node-d) * .14) rgba(0,0,0,.18);
+}
+.energy-node .label {
+  font-size: var(--node-label-font);
+  line-height: 1.02;
+  font-weight: 450;
+  max-width: 92%;
+  white-space: nowrap;
+}
+.energy-node .value {
+  font-size: var(--node-value-font);
+  line-height: .92;
+  font-weight: 760;
+  letter-spacing: -.035em;
+  margin-top: calc(var(--node-d) * .045);
+}
+.energy-node .unit {
+  font-size: var(--node-unit-font);
+  line-height: 1;
+  font-weight: 450;
+  margin-top: calc(var(--node-d) * .054);
+}
+.energy-node .small-value {
+  font-size: var(--node-small-font);
+  line-height: .95;
+  font-weight: 760;
+  letter-spacing: -.035em;
+  margin-top: calc(var(--node-d) * .054);
+}
+.energy-node .hint {
+  font-size: var(--node-hint-font);
+  line-height: 1;
+  opacity: .95;
+  margin-top: calc(var(--node-d) * .036);
+}
+.solar { background: radial-gradient(circle at 35% 25%, var(--solar-hi), var(--solar)); }
+.battery { background: radial-gradient(circle at 35% 25%, var(--battery-hi), var(--battery)); }
+.grid { background: radial-gradient(circle at 35% 25%, var(--gray-hi), var(--gray)); }
+.orange { background: radial-gradient(circle at 35% 25%, var(--orange-hi), var(--orange)); }
+.hub {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: var(--hub-d);
+  height: var(--hub-d);
+  transform: translate(-50%, -50%);
+  border-radius: 50%;
+  background: #fff;
+  box-shadow: 0 calc(var(--hub-d) * .07) calc(var(--hub-d) * .31) rgba(0,0,0,.18);
+  z-index: 5;
+}
+.connector {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  height: var(--connector-h);
+  border-radius: 999px;
+  transform-origin: left center;
+  z-index: 2;
+  overflow: hidden;
+  opacity: .84;
+}
+.connector::after {
+  content: "› › › › ›";
+  position: absolute;
+  left: 0;
+  top: calc(var(--connector-h) * -.40);
+  color: rgba(255,255,255,.44);
+  font-size: calc(var(--connector-h) * 1.47);
+  letter-spacing: calc(var(--connector-h) * .52);
+  white-space: nowrap;
+  animation: flow 1.25s linear infinite;
+}
+@keyframes flow {
+  from { transform: translateX(calc(var(--connector-h) * -1.4)); }
+  to   { transform: translateX(calc(var(--connector-h) * 1.2)); }
+}
+/*
+ * Horizontal / diagonal connectors run from the central hub (left/top 50%)
+ * outward to each node. transform-origin is the hub end (left center); each
+ * bar is rotated toward its node. Lengths are tuned so the bars stop at the
+ * node edge rather than overshooting past it.
+ */
+.c-grid { width: 19.0%; transform: rotate(180deg); background: linear-gradient(90deg, rgba(138,138,138,.12), rgba(138,138,138,.72)); }
+.c-battery { width: 19.0%; transform: rotate(0deg); background: linear-gradient(90deg, rgba(18,55,230,.12), rgba(18,55,230,.72)); }
+.c-wallbox { width: 21.0%; transform: rotate(125deg); background: linear-gradient(90deg, rgba(255,138,0,.12), rgba(255,138,0,.72)); }
+.c-consumption { width: 21.0%; transform: rotate(55deg); background: linear-gradient(90deg, rgba(255,138,0,.12), rgba(255,138,0,.72)); }
+/*
+ * The solar connector is vertical. Rotating a width-based bar overshoots on
+ * wide flow-areas (this produced a stray line running down through the
+ * centre). Instead it is drawn as a real vertical bar whose HEIGHT spans the
+ * gap between the solar node and the hub, so it can never overshoot.
+ */
+.c-solar {
+  left: 50%;
+  top: 22.0%;
+  width: var(--connector-h);
+  height: 28.0%;
+  transform: translateX(-50%);
+  transform-origin: center top;
+  background: linear-gradient(180deg, rgba(253,185,19,.75), rgba(253,185,19,.10));
+}
+.c-solar::after { display: none; }
+.autarky-grid {
+  height: calc(100% - var(--header-h));
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  align-items: center;
+  gap: calc(var(--u) * .5);
+  padding: 0 calc(var(--u) * .4) calc(var(--u) * .6);
+}
+.kpi {
+  min-width: 0;
+  height: 100%;
+  display: grid;
+  grid-template-rows: calc(var(--node-d) * .26) calc(var(--node-d) * .46) calc(var(--ring-d) * 1.02);
+  justify-items: center;
+  align-content: center;
+  text-align: center;
+}
+.kpi-label {
+  color: var(--blue);
+  font-size: calc(var(--node-d) * .168);
+  line-height: 1.25;
+  font-weight: 650;
+  white-space: nowrap;
+}
+.percent {
+  font-size: calc(var(--node-d) * .375);
+  line-height: 1.12;
+  font-weight: 800;
+  letter-spacing: -.04em;
+  color: var(--green);
+}
+.ring {
+  --p: 90deg;
+  --ring-color: var(--green);
+  width: var(--ring-d);
+  height: var(--ring-d);
+  border-radius: 50%;
+  background: conic-gradient(var(--ring-color) var(--p), var(--ring-bg) 0);
+  display: grid;
+  place-items: center;
+}
+.ring::before {
+  content: attr(data-icon);
+  width: calc(var(--ring-d) - 2 * var(--ring-stroke));
+  height: calc(var(--ring-d) - 2 * var(--ring-stroke));
+  border-radius: 50%;
+  background: white;
+  display: grid;
+  place-items: center;
+  font-size: calc(var(--ring-d) * .327);
+}
+.weather-layout {
+  height: calc(100% - var(--header-h));
+  display: grid;
+  grid-template-columns: 1.18fr .92fr;
+  grid-template-rows: 1.06fr .84fr;
+  gap: calc(var(--u) * .5) calc(var(--u) * 1.375);
+  padding: calc(var(--u) * .125) calc(var(--u) * .5) calc(var(--u) * .125);
+}
+.current-weather {
+  display: grid;
+  grid-template-columns: calc(var(--node-d) * 1.09) 1fr;
+  align-items: center;
+  gap: calc(var(--u) * .5);
+}
+.weather-icon {
+  font-size: calc(var(--node-d) * .768);
+  line-height: 1;
+  text-align: right;
+}
+.temp {
+  font-size: calc(var(--node-d) * .589);
+  line-height: .97;
+  font-weight: 300;
+  letter-spacing: -.06em;
+}
+.condition {
+  color: var(--muted);
+  font-size: calc(var(--node-d) * .214);
+  line-height: 1.25;
+  margin-top: calc(var(--node-d) * .054);
+  white-space: nowrap;
+}
+.metrics {
+  display: grid;
+  align-content: center;
+  gap: calc(var(--node-d) * .098);
+}
+.metric {
+  display: grid;
+  grid-template-columns: calc(var(--node-d) * .30) 1fr;
+  column-gap: calc(var(--node-d) * .071);
+  align-items: center;
+}
+.mi {
+  color: var(--blue);
+  font-size: calc(var(--node-d) * .223);
+  text-align: center;
+  line-height: 1;
+}
+.mv {
+  font-size: calc(var(--node-d) * .241);
+  line-height: 1.07;
+  font-weight: 720;
+  letter-spacing: -.03em;
+}
+.ml {
+  color: var(--muted);
+  font-size: calc(var(--node-d) * .125);
+  line-height: 1.15;
+}
+.forecast {
+  grid-column: 1 / -1;
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  align-items: center;
+  border-top: 1px solid #edf0f4;
+  padding-top: calc(var(--node-d) * .098);
+}
+.forecast-item {
+  text-align: center;
+  border-right: 1px solid #edf0f4;
+}
+.forecast-item:last-child { border-right: 0; }
+.forecast-day {
+  color: var(--blue);
+  font-size: calc(var(--node-d) * .152);
+  line-height: 1.18;
+  font-weight: 700;
+}
+.forecast-ico {
+  font-size: calc(var(--node-d) * .304);
+  line-height: 1.12;
+  margin: calc(var(--node-d) * .027) 0;
+}
+.forecast-temp {
+  font-size: calc(var(--node-d) * .152);
+  line-height: 1.18;
+  color: var(--muted);
+  font-weight: 650;
+}
+.weather-location {
+  text-align: center;
+  color: var(--muted);
+  font-size: clamp(9px, calc(var(--u) * 1.0), 15px);
+  line-height: 1.2;
+  margin-top: calc(var(--header-h) * -0.2);
+  margin-bottom: calc(var(--u) * 0.2);
+}
+.status-bar {
+  width: min(96vw, 1600px);
+  display: flex;
+  justify-content: flex-end;
+  gap: 1.5vmin;
+  padding: 0.6vmin 0.4vmin 0;
+  font-family: "Segoe UI", Arial, sans-serif;
+}
+.status-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.6vmin;
+  font-size: clamp(9px, 1.2vmin, 14px);
+  color: var(--muted);
+}
+.status-dot {
+  width: clamp(6px, 1vmin, 10px);
+  height: clamp(6px, 1vmin, 10px);
+  border-radius: 50%;
+  display: inline-block;
+}
+.status-label { font-weight: 650; color: var(--main); }
+.status-state { font-weight: 600; }
+.status-time { font-variant-numeric: tabular-nums; }
+@supports not (width: 1cqw) {
+  .dashboard { --u: min(1vw, 16px); }
+}
+@media (max-width: 760px) {
+  body { padding: 0; }
+  .dashboard-wrap { width: 100vw; max-height: none; }
+  .energy-node .label { font-weight: 500; }
+  .condition { white-space: normal; }
+}
+</style>
+</head>
+<body>
+<div class="dashboard-wrap">
+<main class="dashboard" aria-label="Energy dashboard">
+${currentCard}
+${todayCard}
+${autarkyCard}
+${weatherCard}
+</main>
+${statusBar}
+</div>
+</body>
+</html>`;
+}
+//# sourceMappingURL=dashboard-html-renderer.js.map

package/dist/lib/dashboard-html-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-html-renderer.js","sourceRoot":"","sources":["../../src/lib/dashboard-html-renderer.ts"],"names":[],"mappings":"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"}