[
  {
    "id": "e600000000000001",
    "type": "tab",
    "label": "AlphaESS Dashboard (FlowFuse Dashboard 2.0)",
    "disabled": false,
    "info": "Bilingual (EN/DE) FlowFuse Dashboard 2.0 for @impact0815/node-red-contrib-alphaess-modbus.\n\nSETUP\n1. Move the three link-out nodes \"AlphaESS → Dashboard …\" into the tab of your AlphaESS node (Ctrl+X / Ctrl+V) and connect: output 1 → Data, output 2 → Alarm, output 3 → Response.\n2. Move the link-in node \"Dashboard command → AlphaESS\" there too and connect it to the INPUT of the AlphaESS node.\n3. Open /dashboard/alphaess.\n\nIf you already use Dashboard 2.0: delete the ui-base \"AlphaESS\" from the config nodes and assign the page \"AlphaESS\" to your own dashboard (only one ui-base per instance).\n\nSAFETY: write commands only while controls are unlocked (10 min), with two-step confirmation and server-side validation. \"Allow write access\" must be enabled in the AlphaESS node.\n\nPERSISTENCE: data and 24 h history use the \"file\" context store (fallback: default store)."
  },
  {
    "id": "e600000000000002",
    "type": "ui-page",
    "name": "AlphaESS",
    "ui": "e6000000000000b0",
    "path": "/alphaess",
    "icon": "solar-power-variant",
    "layout": "grid",
    "theme": "e6000000000000b1",
    "breakpoints": [
      {
        "name": "Default",
        "px": "0",
        "cols": "4"
      },
      {
        "name": "Tablet",
        "px": "576",
        "cols": "8"
      },
      {
        "name": "Desktop",
        "px": "1024",
        "cols": "12"
      }
    ],
    "order": 1,
    "className": "",
    "visible": "true",
    "disabled": "false"
  },
  {
    "id": "e600000000000003",
    "type": "ui-group",
    "name": "AlphaESS",
    "page": "e600000000000002",
    "width": "12",
    "height": "1",
    "order": 1,
    "showTitle": false,
    "className": "",
    "visible": "true",
    "disabled": "false",
    "groupType": "default"
  },
  {
    "id": "e60000000001000",
    "type": "comment",
    "z": "e600000000000001",
    "name": "① Move link-out nodes to your AlphaESS node and connect outputs 1/2/3 (see tab info)",
    "info": "",
    "x": 360,
    "y": 40,
    "wires": []
  },
  {
    "id": "e60000000002000",
    "type": "link out",
    "z": "e600000000000001",
    "name": "AlphaESS → Dashboard Data",
    "mode": "link",
    "links": [
      "e60000000002100"
    ],
    "x": 180,
    "y": 100,
    "wires": [],
    "l": true,
    "info": "Verbinden mit: Ausgang 1 der AlphaESS-Node"
  },
  {
    "id": "e60000000002100",
    "type": "link in",
    "z": "e600000000000001",
    "name": "Dashboard Data",
    "links": [
      "e60000000002000"
    ],
    "x": 460,
    "y": 100,
    "wires": [
      [
        "e60000000002200"
      ]
    ],
    "l": true
  },
  {
    "id": "e60000000002200",
    "type": "change",
    "z": "e600000000000001",
    "name": "Quelle: data",
    "rules": [
      {
        "t": "set",
        "p": "source",
        "pt": "msg",
        "to": "data",
        "tot": "str"
      }
    ],
    "action": "",
    "property": "",
    "from": "",
    "to": "",
    "reg": false,
    "x": 660,
    "y": 100,
    "wires": [
      [
        "e600000000000050"
      ]
    ]
  },
  {
    "id": "e60000000002001",
    "type": "link out",
    "z": "e600000000000001",
    "name": "AlphaESS → Dashboard Alarm",
    "mode": "link",
    "links": [
      "e60000000002101"
    ],
    "x": 180,
    "y": 150,
    "wires": [],
    "l": true,
    "info": "Verbinden mit: Ausgang 2 der AlphaESS-Node"
  },
  {
    "id": "e60000000002101",
    "type": "link in",
    "z": "e600000000000001",
    "name": "Dashboard Alarm",
    "links": [
      "e60000000002001"
    ],
    "x": 460,
    "y": 150,
    "wires": [
      [
        "e60000000002201"
      ]
    ],
    "l": true
  },
  {
    "id": "e60000000002201",
    "type": "change",
    "z": "e600000000000001",
    "name": "Quelle: alarm",
    "rules": [
      {
        "t": "set",
        "p": "source",
        "pt": "msg",
        "to": "alarm",
        "tot": "str"
      }
    ],
    "action": "",
    "property": "",
    "from": "",
    "to": "",
    "reg": false,
    "x": 660,
    "y": 150,
    "wires": [
      [
        "e600000000000050"
      ]
    ]
  },
  {
    "id": "e60000000002002",
    "type": "link out",
    "z": "e600000000000001",
    "name": "AlphaESS → Dashboard Response",
    "mode": "link",
    "links": [
      "e60000000002102"
    ],
    "x": 180,
    "y": 200,
    "wires": [],
    "l": true,
    "info": "Verbinden mit: Ausgang 3 der AlphaESS-Node"
  },
  {
    "id": "e60000000002102",
    "type": "link in",
    "z": "e600000000000001",
    "name": "Dashboard Response",
    "links": [
      "e60000000002002"
    ],
    "x": 460,
    "y": 200,
    "wires": [
      [
        "e60000000002202"
      ]
    ],
    "l": true
  },
  {
    "id": "e60000000002202",
    "type": "change",
    "z": "e600000000000001",
    "name": "Quelle: command",
    "rules": [
      {
        "t": "set",
        "p": "source",
        "pt": "msg",
        "to": "command",
        "tot": "str"
      }
    ],
    "action": "",
    "property": "",
    "from": "",
    "to": "",
    "reg": false,
    "x": 660,
    "y": 200,
    "wires": [
      [
        "e600000000000050"
      ]
    ]
  },
  {
    "id": "e600000000000050",
    "type": "function",
    "z": "e600000000000001",
    "name": "AlphaESS-Modell aktualisieren",
    "func": "/**\n * AlphaESS-Modell aktualisieren\n *\n * Nimmt die drei Ausgänge der AlphaESS-Modbus-Node entgegen\n * (msg.source per Change-Node gesetzt):\n *\n *   \"data\"     Ausgang 1: Echtzeitdaten inkl. daily, yesterday, details, info\n *   \"alarm\"    Ausgang 2: Alarme / Warnungen\n *   \"command\"  Ausgang 3: Antwort auf Schreibbefehle\n *\n * Speichert die letzten Daten sowie einen 24-h-Verlauf (2-Minuten-Mittelwerte)\n * im Context-Store \"file\", damit alles einen Neustart übersteht.\n *\n * Vorzeichen im Verlauf:\n *   grid  > 0 = Netzbezug,      < 0 = Einspeisung\n *   batt  > 0 = Entladen,       < 0 = Laden\n */\n\nconst STORE = \"file\";\nconst BUCKET_MS = 2 * 60 * 1000;     // 2-Minuten-Raster\nconst HISTORY_MAX = 720;             // 24 h\nconst ALARM_LOG_MAX = 100;\n\n// --------------------------------------------------\n// Context mit Fallback auf Standard-Store\n// --------------------------------------------------\n\nfunction load(key, fallback) {\n    try {\n        const v = flow.get(key, STORE);\n        return v === undefined ? fallback : v;\n    } catch (e) {\n        const v = flow.get(key);\n        return v === undefined ? fallback : v;\n    }\n}\n\nfunction save(key, value) {\n    try {\n        flow.set(key, value, STORE);\n    } catch (e) {\n        flow.set(key, value);\n    }\n}\n\nfunction num(value) {\n    if (value === null || value === undefined || value === \"\") {\n        return null;\n    }\n    const n = Number(value);\n    return Number.isFinite(n) ? n : null;\n}\n\n// Alarm-/Warnungseintrag in lesbaren Text wandeln\nfunction itemText(item) {\n    if (typeof item === \"string\") {\n        return item;\n    }\n    if (item && typeof item === \"object\") {\n        return String(item.textDe || item.text || item.message || item.name || item.code || JSON.stringify(item));\n    }\n    return String(item);\n}\n\nconst now = Date.now();\nconst model = load(\"alphaDash\", null) || { data: null, lastDataAt: null, alarm: null, alarmLog: [] };\nlet history = load(\"alphaDashHistory\", []);\n\n// --------------------------------------------------\n// Ausgang 1: Echtzeitdaten\n// --------------------------------------------------\n\nif (msg.source === \"data\") {\n\n    const p = msg.payload;\n\n    if (!p || typeof p !== \"object\") {\n        node.status({ fill: \"yellow\", shape: \"ring\", text: \"Daten ohne Objekt-Payload\" });\n        return null;\n    }\n\n    model.data = p;\n    model.lastDataAt = new Date(now).toISOString();\n\n    // Leistungswerte für den Verlauf\n    const pv = num(p.modules) ?? num(p.details?.inverter?.pvPowerTotal);\n    const load_ = num(p.consumption);\n    const grid = num(p.grid);\n\n    let batt = null;\n    const charge = num(p.batteryCharge);\n    const discharge = num(p.batteryDischarge);\n\n    if (charge !== null || discharge !== null) {\n        batt = (discharge || 0) - (charge || 0);\n    } else if (num(p.battery) !== null) {\n        batt = num(p.battery);\n    }\n\n    const soc = num(p.soc);\n\n    // In 2-Minuten-Bucket mitteln\n    const bucket = Math.floor(now / BUCKET_MS) * BUCKET_MS;\n    const last = history[history.length - 1];\n    const values = { pv, load: load_, grid, batt, soc };\n\n    if (last && last.t === bucket) {\n\n        const k = last.n || 1;\n\n        for (const [key, v] of Object.entries(values)) {\n            if (v === null) {\n                continue;\n            }\n            last[key] = last[key] === null || last[key] === undefined\n                ? v\n                : Math.round(((last[key] * k + v) / (k + 1)) * 10) / 10;\n        }\n\n        last.n = k + 1;\n\n    } else {\n        history.push({ t: bucket, ...values, n: 1 });\n    }\n\n    const limit = now - 24 * 3600 * 1000;\n    history = history.filter(h => h.t >= limit).slice(-HISTORY_MAX);\n}\n\n// --------------------------------------------------\n// Ausgang 2: Alarme / Warnungen\n// --------------------------------------------------\n\nif (msg.source === \"alarm\") {\n\n    const p = msg.payload || {};\n    const alarms = (Array.isArray(p.alarms) ? p.alarms : []).map(itemText);\n    const warnings = (Array.isArray(p.warnings) ? p.warnings : []).map(itemText);\n    const signature = JSON.stringify([alarms, warnings]);\n\n    if (!model.alarm || model.alarm.signature !== signature) {\n\n        model.alarmLog.unshift({\n            at: new Date(now).toISOString(),\n            alarms,\n            warnings,\n            cleared: alarms.length === 0 && warnings.length === 0\n        });\n\n        model.alarmLog = model.alarmLog.slice(0, ALARM_LOG_MAX);\n    }\n\n    model.alarm = { alarms, warnings, signature, at: new Date(now).toISOString() };\n}\n\n// --------------------------------------------------\n// Ausgang 3: Antwort auf Schreibbefehle\n// --------------------------------------------------\n\nif (msg.source === \"command\") {\n\n    const written = Array.isArray(msg.written) ? msg.written.length : null;\n    const topic = msg.topic || \"\";\n\n    let de;\n    let en;\n\n    if (msg.unchanged === true) {\n        de = `${topic}: keine Änderung erforderlich`;\n        en = `${topic}: no change required`;\n    } else if (written !== null) {\n        de = `${topic}: ${written} Register geschrieben`;\n        en = `${topic}: ${written} registers written`;\n    } else {\n        de = `${topic}: Antwort der Anlage erhalten`;\n        en = `${topic}: response received`;\n    }\n\n    flow.set(\"alphaFeedback\", { ts: now, ok: true, de, en });\n}\n\nsave(\"alphaDash\", model);\nsave(\"alphaDashHistory\", history);\n\nnode.status({\n    fill: \"green\",\n    shape: \"dot\",\n    text: `${msg.source} · ${history.length} Verlaufspunkte`\n});\n\nreturn { trigger: true };",
    "outputs": 1,
    "timeout": 0,
    "noerr": 0,
    "initialize": "",
    "finalize": "",
    "libs": [],
    "x": 900,
    "y": 150,
    "wires": [
      [
        "e600000000000051"
      ]
    ]
  },
  {
    "id": "e60000000003000",
    "type": "inject",
    "z": "e600000000000001",
    "name": "Start / alle 30 s",
    "props": [],
    "repeat": "30",
    "crontab": "",
    "once": true,
    "onceDelay": "2",
    "topic": "",
    "x": 920,
    "y": 240,
    "wires": [
      [
        "e600000000000051"
      ]
    ]
  },
  {
    "id": "e600000000000051",
    "type": "function",
    "z": "e600000000000001",
    "name": "Dashboard-Modell erzeugen",
    "func": "/**\n * Dashboard-Modell erzeugen (entprellt)\n *\n * Fasst Daten, Alarme, Verlauf, Freischaltung und Rückmeldungen\n * zu EINER Nachricht zusammen. Dadurch zeigt das Dashboard nach\n * einem Browser-Reload immer den vollständigen Zustand.\n */\n\nconst DEBOUNCE_MS = 300;\nconst STORE = \"file\";\n\nfunction load(key, fallback) {\n    try {\n        const v = flow.get(key, STORE);\n        return v === undefined ? fallback : v;\n    } catch (e) {\n        const v = flow.get(key);\n        return v === undefined ? fallback : v;\n    }\n}\n\nfunction build() {\n\n    const model = load(\"alphaDash\", null) || {};\n    const history = load(\"alphaDashHistory\", []);\n    const armedUntil = flow.get(\"alphaArmedUntil\") || 0;\n    const now = Date.now();\n\n    const age = model.lastDataAt ? Math.round((now - Date.parse(model.lastDataAt)) / 1000) : null;\n\n    node.status({\n        fill: age === null ? \"grey\" : age < 120 ? \"green\" : \"yellow\",\n        shape: \"dot\",\n        text: age === null ? \"Warte auf Daten\" : `Daten vor ${age} s · ${history.length} Punkte`\n    });\n\n    return {\n        payload: {\n            data: model.data || null,\n            lastDataAt: model.lastDataAt || null,\n            alarm: model.alarm || null,\n            alarmLog: (model.alarmLog || []).slice(0, 30),\n            history: history.map(h => ({ t: h.t, pv: h.pv, load: h.load, grid: h.grid, batt: h.batt, soc: h.soc })),\n            armed: armedUntil > now,\n            armedUntil,\n            feedback: flow.get(\"alphaFeedback\") || null\n        }\n    };\n}\n\nconst timer = context.get(\"timer\");\n\nif (timer) {\n    clearTimeout(timer);\n}\n\ncontext.set(\"timer\", setTimeout(() => {\n    context.set(\"timer\", null);\n    node.send(build());\n}, DEBOUNCE_MS));\n\nreturn null;",
    "outputs": 1,
    "timeout": 0,
    "noerr": 0,
    "initialize": "",
    "finalize": "",
    "libs": [],
    "x": 1160,
    "y": 190,
    "wires": [
      [
        "e600000000000053"
      ]
    ]
  },
  {
    "id": "e600000000000053",
    "type": "ui-template",
    "z": "e600000000000001",
    "group": "e600000000000003",
    "page": "",
    "ui": "",
    "name": "AlphaESS Energiezentrale DE/EN",
    "order": 1,
    "width": "12",
    "height": "0",
    "head": "",
    "format": "<template>\n<section class=\"ae\">\n\n  <!-- ================= Kopf ================= -->\n  <header class=\"ae-head\">\n    <div class=\"ae-title\">\n      <small>ALPHAESS · LOCAL MODBUS</small>\n      <h2>{{ t('title') }}</h2>\n      <span class=\"live\"><i :class=\"live.cls\"></i>{{ live.text }}</span>\n    </div>\n    <div class=\"ae-head-right\">\n      <div v-if=\"sysInfo.serial\" class=\"ae-dev\">\n        <b>{{ sysInfo.mode || 'AlphaESS' }}</b>\n        <span>{{ sysInfo.serial }} · EMS {{ sysInfo.ems || '–' }}</span>\n      </div>\n      <button class=\"hbtn\" @click=\"cmd({ action: 'read' })\"><v-icon size=\"18\">mdi-refresh</v-icon>{{ t('refresh') }}</button>\n      <div class=\"lang\">\n        <button :class=\"{ on: lang === 'de' }\" @click=\"setLang('de')\">DE</button>\n        <button :class=\"{ on: lang === 'en' }\" @click=\"setLang('en')\">EN</button>\n      </div>\n    </div>\n  </header>\n\n  <div v-if=\"!d\" class=\"ae-empty\">\n    <v-icon size=\"44\">mdi-solar-power-variant</v-icon>\n    <b>{{ t('waiting') }}</b>\n    <span>{{ t('wireHint') }}</span>\n  </div>\n\n  <template v-else>\n\n    <!-- ================= Kennzahlen ================= -->\n    <div class=\"kpis\">\n      <div class=\"kpi pv\">\n        <div class=\"ki\"><v-icon>mdi-solar-power-variant</v-icon></div>\n        <div><span>{{ t('pv') }}</span><b>{{ w(f.pv) }}</b><small>{{ t('today') }} {{ kwh(daily.pv) }}</small></div>\n      </div>\n      <div class=\"kpi home\">\n        <div class=\"ki\"><v-icon>mdi-home-lightning-bolt</v-icon></div>\n        <div><span>{{ t('load') }}</span><b>{{ w(f.load) }}</b><small>{{ t('today') }} {{ kwh(daily.consumption) }}</small></div>\n      </div>\n      <div class=\"kpi grid\" :class=\"f.grid < 0 ? 'export' : 'import'\">\n        <div class=\"ki\"><v-icon>{{ f.grid < 0 ? 'mdi-transmission-tower-export' : 'mdi-transmission-tower-import' }}</v-icon></div>\n        <div><span>{{ f.grid < 0 ? t('gridExport') : t('gridImport') }}</span><b>{{ w(Math.abs(f.grid || 0)) }}</b><small>↑ {{ kwh(daily.gridFeed) }} · ↓ {{ kwh(daily.gridImport) }}</small></div>\n      </div>\n      <div class=\"kpi batt\">\n        <div class=\"ki\"><v-icon>{{ battIcon }}</v-icon></div>\n        <div><span>{{ t('battery') }}</span><b>{{ pct(f.soc) }}</b><small>{{ battStateText }}</small></div>\n      </div>\n      <div class=\"kpi aut\">\n        <div class=\"ki\"><v-icon>mdi-shield-sun-outline</v-icon></div>\n        <div><span>{{ t('autarky') }}</span><b>{{ pct(d.autarky) }}</b><small>{{ t('selfUse') }} {{ pct(d.selfConsumptionRate) }}</small></div>\n      </div>\n    </div>\n\n    <!-- ================= Energiefluss + Batterie ================= -->\n    <div class=\"row r-flow\">\n      <section class=\"panel flow\">\n        <div class=\"ptitle\"><span>{{ t('energyFlow') }}</span><em class=\"livebadge\"><i></i>LIVE</em></div>\n        <div class=\"stage\">\n          <svg viewBox=\"0 0 600 340\" preserveAspectRatio=\"none\">\n            <path d=\"M300,88 L300,146\" :class=\"['fl', 'pvc', flowState(f.pv, 1)]\" :style=\"{ strokeWidth: sw(f.pv) }\"/>\n            <path d=\"M118,170 L272,170\" :class=\"['fl', 'gridc', flowState(f.grid, 1)]\" :style=\"{ strokeWidth: sw(f.grid) }\"/>\n            <path d=\"M328,170 L482,170\" :class=\"['fl', 'homec', flowState(f.load, 1)]\" :style=\"{ strokeWidth: sw(f.load) }\"/>\n            <path d=\"M300,252 L300,194\" :class=\"['fl', 'battc', flowState(f.batt, 1)]\" :style=\"{ strokeWidth: sw(f.batt) }\"/>\n          </svg>\n          <div class=\"node pvn\" style=\"left:50%;top:13%\"><v-icon size=\"26\">mdi-white-balance-sunny</v-icon><b>{{ w(f.pv) }}</b><span>{{ t('pv') }}</span></div>\n          <div class=\"node gridn\" :class=\"f.grid < 0 ? 'exp' : ''\" style=\"left:13%;top:50%\"><v-icon size=\"26\">mdi-transmission-tower</v-icon><b>{{ w(Math.abs(f.grid || 0)) }}</b><span>{{ f.grid < 0 ? t('export') : t('import') }}</span></div>\n          <div class=\"node homen\" style=\"left:87%;top:50%\"><v-icon size=\"26\">mdi-home</v-icon><b>{{ w(f.load) }}</b><span>{{ t('house') }}</span></div>\n          <div class=\"node battn\" style=\"left:50%;top:87%\"><v-icon size=\"26\">{{ battIcon }}</v-icon><b>{{ pct(f.soc) }}</b><span>{{ battFlowText }}</span></div>\n          <div class=\"hub\" style=\"left:50%;top:50%\"><v-icon size=\"22\">mdi-sine-wave</v-icon><small>{{ w(inv.powerTotal) }}</small></div>\n        </div>\n      </section>\n\n      <section class=\"panel battery\">\n        <div class=\"ptitle\"><span>{{ t('batteryState') }}</span><em :class=\"['chip', battRelayOk ? 'ok' : 'warn']\">{{ battRelayOk ? t('relaysClosed') : (bat.relayStatus?.text || '–') }}</em></div>\n        <div class=\"soc-wrap\">\n          <div class=\"soc-ring\" :style=\"{ '--a': socAngle, '--c': socColor }\">\n            <div class=\"soc-in\"><b>{{ pct(f.soc, 0) }}</b><span>SOC</span></div>\n          </div>\n          <div class=\"soc-side\">\n            <div><span>{{ t('power') }}</span><b>{{ battStateText }}</b></div>\n            <div><span>{{ t('capacity') }}</span><b>{{ num(bat.capacity, 1) }} kWh</b></div>\n            <div><span>SOH</span><b>{{ pct(bat.soh, 0) }}</b></div>\n            <div v-if=\"remaining\"><span>{{ t('remaining') }}</span><b>{{ remaining }}</b></div>\n          </div>\n        </div>\n        <div class=\"kv\">\n          <div><span>{{ t('voltage') }}</span><b>{{ num(bat.voltage, 1) }} V</b></div>\n          <div><span>{{ t('current') }}</span><b>{{ num(bat.current, 1) }} A</b></div>\n          <div><span>{{ t('cellTemp') }}</span><b>{{ num(bat.minCellTemperature?.value, 0) }}–{{ num(bat.maxCellTemperature?.value, 0) }} °C</b></div>\n          <div :class=\"{ warn: (bat.cellVoltageSpread || 0) > 0.1 }\"><span>{{ t('cellSpread') }}</span><b>{{ num((bat.cellVoltageSpread || 0) * 1000, 0) }} mV</b></div>\n          <div><span>{{ t('maxCharge') }}</span><b>{{ w(bat.maxChargePower) }}</b></div>\n          <div><span>{{ t('maxDischarge') }}</span><b>{{ w(bat.maxDischargePower) }}</b></div>\n          <div><span>{{ t('todayCharged') }}</span><b>{{ kwh(daily.batteryCharge) }}</b></div>\n          <div><span>{{ t('todayDischarged') }}</span><b>{{ kwh(daily.batteryDischarge) }}</b></div>\n        </div>\n      </section>\n    </div>\n\n    <!-- ================= PV + Netz ================= -->\n    <div class=\"row r-two\">\n      <section class=\"panel\">\n        <div class=\"ptitle\"><span>{{ t('pvStrings') }}</span><em class=\"chip\">{{ inv.workMode?.text || '–' }}</em></div>\n        <div v-for=\"(s, i) in strings\" :key=\"i\" class=\"bar-row\">\n          <span class=\"lbl\">PV{{ s.idx }}</span>\n          <div class=\"bar\"><i class=\"pvbar\" :style=\"{ width: s.pct + '%' }\"></i></div>\n          <b>{{ w(s.power) }}</b>\n          <small>{{ num(s.voltage, 0) }} V · {{ num(s.current, 1) }} A</small>\n        </div>\n        <div v-if=\"!strings.length\" class=\"muted\">{{ t('noStrings') }}</div>\n        <div class=\"kv three\">\n          <div><span>{{ t('invTemp') }}</span><b :class=\"{ warnc: (inv.temperature || 0) >= 60 }\">{{ num(inv.temperature, 0) }} °C</b></div>\n          <div><span>{{ t('totalPv') }}</span><b>{{ mwh(inv.totalPvEnergy) }}</b></div>\n          <div><span>{{ t('feedLimit') }}</span><b>{{ pct(sysCfg.maxFeedIntoGridPercent, 0) }}</b></div>\n        </div>\n      </section>\n\n      <section class=\"panel\">\n        <div class=\"ptitle\"><span>{{ t('gridPhases') }}</span><em class=\"chip\">{{ num(grid.frequency, 2) }} Hz</em></div>\n        <div v-for=\"ph in phases\" :key=\"ph.name\" class=\"bar-row phase\">\n          <span class=\"lbl\">{{ ph.name }}</span>\n          <div class=\"bar center\">\n            <i :class=\"ph.power < 0 ? 'expbar' : 'impbar'\" :style=\"phaseStyle(ph.power)\"></i>\n            <em></em>\n          </div>\n          <b>{{ signedW(ph.power) }}</b>\n          <small>{{ num(ph.voltage, 0) }} V · {{ num(ph.current, 1) }} A · cos φ {{ num(ph.pf, 2) }}</small>\n        </div>\n        <div class=\"legend-small\"><span class=\"imp\">{{ t('import') }}</span><span class=\"exp\">{{ t('export') }}</span></div>\n        <div class=\"kv three\">\n          <div><span>{{ t('totalImport') }}</span><b>{{ mwh(grid.totalEnergyConsumeFromGrid) }}</b></div>\n          <div><span>{{ t('totalExport') }}</span><b>{{ mwh(grid.totalEnergyFeedToGrid) }}</b></div>\n          <div><span>cos φ</span><b>{{ num(grid.totalPowerFactor, 2) }}</b></div>\n        </div>\n      </section>\n    </div>\n\n    <!-- ================= Verlauf ================= -->\n    <section class=\"panel chart\">\n      <div class=\"ptitle\">\n        <span>{{ t('history') }}</span>\n        <div class=\"seg\">\n          <button v-for=\"r in [3, 6, 12, 24]\" :key=\"r\" :class=\"{ on: range === r }\" @click=\"range = r\">{{ r }} h</button>\n        </div>\n      </div>\n      <div class=\"legend\">\n        <button v-for=\"s in seriesDefs\" :key=\"s.k\" :class=\"{ off: hidden[s.k] }\" @click=\"toggle(s.k)\">\n          <i :style=\"{ background: s.c }\"></i>{{ t(s.l) }}\n        </button>\n        <span class=\"hint\">{{ t('signHint') }}</span>\n      </div>\n\n      <div v-if=\"pts.length < 2\" class=\"muted big\">{{ t('historyBuilding') }}</div>\n\n      <div v-else class=\"cgrid\">\n        <div class=\"yaxis\"><span v-for=\"(tk, i) in yTicks\" :key=\"'y' + i\" :style=\"{ top: tk.pct + '%' }\">{{ tk.label }}</span></div>\n        <div class=\"plot\" ref=\"plot\" @mousemove=\"onMove\" @mouseleave=\"hi = null\"\n             @touchstart.passive=\"onTouch\" @touchmove.passive=\"onTouch\" @touchend=\"hi = null\">\n          <svg viewBox=\"0 0 1000 260\" preserveAspectRatio=\"none\">\n            <line v-for=\"(tk, i) in yTicks\" :key=\"'g' + i\" class=\"gl\" x1=\"0\" x2=\"1000\" :y1=\"tk.pct * 2.6\" :y2=\"tk.pct * 2.6\"/>\n            <line v-for=\"(tk, i) in xTicks\" :key=\"'v' + i\" class=\"gl v\" :x1=\"tk.pct * 10\" :x2=\"tk.pct * 10\" y1=\"0\" y2=\"260\"/>\n            <line class=\"zero\" x1=\"0\" x2=\"1000\" :y1=\"yv(0)\" :y2=\"yv(0)\"/>\n            <polyline v-for=\"s in visibleSeries\" :key=\"s.k\" class=\"ln\" :class=\"{ dash: s.k === 'soc' }\" :points=\"line(s.k)\" :style=\"{ stroke: s.c }\"/>\n            <line v-if=\"hover\" class=\"cursor\" :x1=\"hover.x * 10\" :x2=\"hover.x * 10\" y1=\"0\" y2=\"260\"/>\n          </svg>\n          <template v-if=\"hover\">\n            <i v-for=\"s in visibleSeries\" v-show=\"hover.p[s.k] != null\" :key=\"'d' + s.k\" class=\"hdot\"\n               :style=\"{ left: hover.x + '%', top: (s.k === 'soc' ? ys(hover.p.soc) : yv(hover.p[s.k])) / 2.6 + '%', background: s.c }\"></i>\n            <div class=\"tip\" :class=\"{ flip: hover.x > 60 }\" :style=\"{ left: hover.x + '%' }\">\n              <div class=\"tt\">{{ tipTime(hover.p.t) }}</div>\n              <div v-for=\"s in visibleSeries\" :key=\"'t' + s.k\" class=\"tr\">\n                <i :style=\"{ background: s.c }\"></i>{{ t(s.l) }}<b>{{ s.k === 'soc' ? pct(hover.p.soc) : signedW(hover.p[s.k]) }}</b>\n              </div>\n            </div>\n          </template>\n        </div>\n        <div class=\"yaxis right\"><span v-for=\"v in [100, 75, 50, 25, 0]\" :key=\"'s' + v\" :style=\"{ top: (100 - v) + '%' }\">{{ v }}%</span></div>\n        <div class=\"xaxis\">\n          <span v-for=\"(tk, i) in xTicks\" :key=\"'x' + i\" :class=\"{ first: tk.pct < 4, last: tk.pct > 96 }\" :style=\"{ left: tk.pct + '%' }\">{{ tk.label }}</span>\n        </div>\n      </div>\n    </section>\n\n    <!-- ================= Energiebilanz + Zustand ================= -->\n    <div class=\"row r-two\">\n      <section class=\"panel\">\n        <div class=\"ptitle\"><span>{{ t('energyBalance') }}</span><em class=\"chip\">{{ daily.complete === false ? t('partialDay') : t('todayVsYesterday') }}</em></div>\n        <div class=\"rings\">\n          <div v-for=\"r in rings\" :key=\"r.k\" class=\"ring-item\">\n            <div class=\"mini-ring\" :style=\"{ '--a': (Math.min(100, r.today || 0) * 3.6) + 'deg', '--c': r.c }\"><b>{{ pct(r.today, 0) }}</b></div>\n            <span>{{ t(r.l) }}</span>\n            <small>{{ t('yesterday') }} {{ pct(r.yesterday, 0) }}</small>\n          </div>\n        </div>\n        <div v-for=\"row in energyRows\" :key=\"row.k\" class=\"cmp\">\n          <span class=\"lbl\">{{ t(row.l) }}</span>\n          <div class=\"cmp-bars\">\n            <div class=\"bar\"><i :style=\"{ width: cmpPct(row.k, 'today') + '%', background: row.c }\"></i></div>\n            <div class=\"bar y\"><i :style=\"{ width: cmpPct(row.k, 'yesterday') + '%', background: row.c }\"></i></div>\n          </div>\n          <div class=\"cmp-val\"><b>{{ kwh(daily[row.k]) }}</b><small>{{ kwh(yesterday[row.k]) }}</small></div>\n        </div>\n        <div class=\"legend-small\"><span class=\"tod\">{{ t('today') }}</span><span class=\"yes\">{{ t('yesterday') }}</span></div>\n      </section>\n\n      <section class=\"panel\">\n        <div class=\"ptitle\"><span>{{ t('health') }}</span><em :class=\"['chip', healthOk ? 'ok' : 'warn']\">{{ healthOk ? t('systemOk') : t('attention') }}</em></div>\n\n        <div v-if=\"alertItems.length\" class=\"msgs\">\n          <div v-for=\"(m, i) in alertItems\" :key=\"i\" class=\"msg\" :class=\"m.type\">\n            <v-icon size=\"18\">{{ m.type === 'alarm' ? 'mdi-alert-octagon' : m.type === 'fault' ? 'mdi-chip' : 'mdi-alert' }}</v-icon>\n            <span>{{ m.text }}</span>\n          </div>\n        </div>\n        <div v-else class=\"allclear\"><v-icon size=\"20\">mdi-shield-check</v-icon>{{ t('noAlerts') }}</div>\n\n        <h4>{{ t('dataBlocks') }}</h4>\n        <div class=\"blocks\">\n          <div v-for=\"(b, name) in (d.blocks || {})\" :key=\"name\" class=\"blk\" :class=\"{ stale: b.stale }\">\n            <span>{{ name }}</span><b>{{ b.stale ? t('stale') : t('fresh') }}</b><small>{{ num(b.age, 0) }} s</small>\n          </div>\n        </div>\n\n        <template v-if=\"P().alarmLog && P().alarmLog.length\">\n          <h4>{{ t('alarmHistory') }}</h4>\n          <div v-for=\"(l, i) in P().alarmLog.slice(0, 6)\" :key=\"'al' + i\" class=\"log\">\n            <em :class=\"l.cleared ? 'ok' : 'bad'\">{{ l.cleared ? t('cleared') : (l.alarms.length + l.warnings.length) + ' ' + t('active') }}</em>\n            <span>{{ [...l.alarms, ...l.warnings].join(', ') || '–' }}</span>\n            <small>{{ dt(l.at) }}</small>\n          </div>\n        </template>\n      </section>\n    </div>\n\n    <!-- ================= Steuerung ================= -->\n    <section class=\"panel control\">\n      <div class=\"ptitle\">\n        <span>{{ t('control') }}</span>\n        <button class=\"armbtn\" :class=\"{ armed: P().armed }\" @click=\"cmd({ action: 'arm', value: !P().armed })\">\n          <v-icon size=\"18\">{{ P().armed ? 'mdi-lock-open-alert' : 'mdi-lock' }}</v-icon>\n          {{ P().armed ? t('armedUntil', { time: clock(P().armedUntil) }) : t('unlock') }}\n        </button>\n      </div>\n      <p class=\"warnbox\"><v-icon size=\"18\">mdi-alert</v-icon>{{ t('controlDisclaimer') }}</p>\n\n      <div class=\"cards\" :class=\"{ locked: !P().armed }\">\n\n        <!-- Dispatch -->\n        <div class=\"ccard\">\n          <h3><v-icon size=\"20\">mdi-battery-sync</v-icon>{{ t('dispatch') }}</h3>\n          <div class=\"state\" :class=\"{ on: disp.active }\">\n            <i></i>{{ disp.active ? t('dispatchActive', { p: signedW(disp.activePower), s: pct(disp.soc, 0) }) : t('dispatchInactive') }}\n          </div>\n          <div class=\"seg full\">\n            <button :class=\"{ on: form.dir === 'charge' }\" @click=\"form.dir = 'charge'\"><v-icon size=\"16\">mdi-battery-charging</v-icon>{{ t('charge') }}</button>\n            <button :class=\"{ on: form.dir === 'discharge' }\" @click=\"form.dir = 'discharge'\"><v-icon size=\"16\">mdi-battery-arrow-down</v-icon>{{ t('discharge') }}</button>\n          </div>\n          <label>{{ t('dispatchPower') }}<div class=\"inp\"><input type=\"number\" min=\"100\" step=\"100\" v-P().number=\"form.power\"/><em>W</em></div></label>\n          <label>{{ t('targetSoc') }}<div class=\"inp\"><input type=\"number\" min=\"0\" max=\"100\" v-P().number=\"form.soc\"/><em>%</em></div></label>\n          <label>{{ t('duration') }}<div class=\"inp\"><input type=\"number\" min=\"1\" max=\"1440\" v-P().number=\"form.minutes\"/><em>min</em></div></label>\n          <div class=\"btns\">\n            <button class=\"primary\" :disabled=\"!P().armed\" @click=\"twoStep('dispatch', startDispatch)\">\n              {{ confirmKey === 'dispatch' ? t('reallySend') : t('start') }}\n            </button>\n            <button class=\"danger\" :disabled=\"!P().armed\" @click=\"twoStep('stop', () => cmd({ action: 'dispatchStop', confirm: true }))\">\n              {{ confirmKey === 'stop' ? t('reallySend') : t('stop') }}\n            </button>\n          </div>\n        </div>\n\n        <!-- Einspeisebegrenzung -->\n        <div class=\"ccard\">\n          <h3><v-icon size=\"20\">mdi-transmission-tower-export</v-icon>{{ t('feedLimit') }}</h3>\n          <div class=\"state\"><i></i>{{ t('currentValue') }}: {{ pct(sysCfg.maxFeedIntoGridPercent, 0) }}</div>\n          <div class=\"big-val\">{{ form.feedIn }} %</div>\n          <input class=\"range\" type=\"range\" min=\"0\" max=\"100\" step=\"1\" v-P().number=\"form.feedIn\"/>\n          <div class=\"range-scale\"><span>0 %</span><span>50 %</span><span>100 %</span></div>\n          <p class=\"muted\">{{ t('feedHint', { kw: num((sysCfg.pvCapacityStorage || 0) / 1000 * (form.feedIn || 0) / 100, 1) }) }}</p>\n          <div class=\"btns\">\n            <button class=\"primary\" :disabled=\"!P().armed\" @click=\"twoStep('feed', () => cmd({ action: 'feedIn', value: form.feedIn, confirm: true }))\">\n              {{ confirmKey === 'feed' ? t('reallySend') : t('apply') }}\n            </button>\n          </div>\n        </div>\n\n        <!-- Zeitfenster -->\n        <div class=\"ccard wide\">\n          <h3><v-icon size=\"20\">mdi-clock-outline</v-icon>{{ t('periods') }}</h3>\n          <div class=\"state\"><i></i>{{ t('currentValue') }}: {{ tp.flag?.text || '–' }}</div>\n          <div class=\"seg full four\">\n            <button v-for=\"m in [0, 1, 2, 3]\" :key=\"m\" :class=\"{ on: form.flag === m }\" @click=\"form.flag = m\">{{ t('flag' + m) }}</button>\n          </div>\n          <div class=\"slots\">\n            <div class=\"slot c\"><span>{{ t('charge') }} 1</span><input type=\"time\" v-model=\"form.charge1.start\"/><em>–</em><input type=\"time\" v-model=\"form.charge1.stop\"/></div>\n            <div class=\"slot c\"><span>{{ t('charge') }} 2</span><input type=\"time\" v-model=\"form.charge2.start\"/><em>–</em><input type=\"time\" v-model=\"form.charge2.stop\"/></div>\n            <div class=\"slot d\"><span>{{ t('discharge') }} 1</span><input type=\"time\" v-model=\"form.discharge1.start\"/><em>–</em><input type=\"time\" v-model=\"form.discharge1.stop\"/></div>\n            <div class=\"slot d\"><span>{{ t('discharge') }} 2</span><input type=\"time\" v-model=\"form.discharge2.start\"/><em>–</em><input type=\"time\" v-model=\"form.discharge2.stop\"/></div>\n          </div>\n          <div class=\"timeline\">\n            <i v-for=\"(b, i) in periodBars\" :key=\"i\" :class=\"b.cls\" :style=\"{ left: b.l + '%', width: b.w + '%' }\"></i>\n            <b class=\"now\" :style=\"{ left: nowPct + '%' }\"></b>\n          </div>\n          <div class=\"range-scale\"><span>0</span><span>6</span><span>12</span><span>18</span><span>24</span></div>\n          <div class=\"two\">\n            <label>{{ t('chargeCut') }}<div class=\"inp\"><input type=\"number\" min=\"0\" max=\"100\" v-P().number=\"form.chargeCutSoc\"/><em>%</em></div></label>\n            <label>{{ t('reserve') }}<div class=\"inp\"><input type=\"number\" min=\"0\" max=\"100\" v-P().number=\"form.upsReserveSoc\"/><em>%</em></div></label>\n          </div>\n          <div class=\"btns\">\n            <button class=\"ghost\" @click=\"loadPeriods(true)\"><v-icon size=\"16\">mdi-download</v-icon>{{ t('loadCurrent') }}</button>\n            <button class=\"primary\" :disabled=\"!P().armed\" @click=\"twoStep('period', sendPeriods)\">\n              {{ confirmKey === 'period' ? t('reallySend') : t('applyPeriods') }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </section>\n\n    <!-- ================= Technische Daten ================= -->\n    <section class=\"panel details\">\n      <div class=\"ptitle\"><span>{{ t('technicalDetails') }}</span>\n        <button class=\"ghost small\" @click=\"showRaw = !showRaw\"><v-icon size=\"16\">mdi-code-json</v-icon>{{ showRaw ? t('hideRaw') : t('showRaw') }}</button>\n      </div>\n      <div class=\"kv four\">\n        <div v-for=\"row in techRows\" :key=\"row.k\"><span>{{ t(row.k) }}</span><b>{{ row.v ?? '–' }}</b></div>\n      </div>\n      <pre v-if=\"showRaw\" class=\"raw\">{{ JSON.stringify(d, null, 2) }}</pre>\n    </section>\n  </template>\n\n  <div v-if=\"toast\" class=\"toast\" :class=\"toast.ok ? 'ok' : 'err'\">\n    <v-icon size=\"18\">{{ toast.ok ? 'mdi-check-circle' : 'mdi-alert-circle' }}</v-icon>{{ toast.text }}\n  </div>\n</section>\n</template>\n\n<script>\nexport default {\n  data () {\n    let lang = 'de'\n    try {\n      lang = window.localStorage.getItem('alphaess-lang') ||\n        ((navigator.language || 'de').toLowerCase().startsWith('de') ? 'de' : 'en')\n    } catch (e) { /* Standard: Deutsch */ }\n\n    return {\n      aeData: {},\n      lang,\n      range: 24,\n      hidden: {},\n      hi: null,\n      plotWidth: 800,\n      resizeObserver: null,\n      showRaw: false,\n      confirmKey: null,\n      confirmTimer: null,\n      toast: null,\n      toastTimer: null,\n      lastToastTs: 0,\n      nowTs: Date.now(),\n      clockTimer: null,\n      periodsLoaded: false,\n      form: {\n        dir: 'charge', power: 3000, soc: 90, minutes: 30, feedIn: 70,\n        flag: 0, chargeCutSoc: 100, upsReserveSoc: 10,\n        charge1: { start: '00:00', stop: '00:00' }, charge2: { start: '00:00', stop: '00:00' },\n        discharge1: { start: '00:00', stop: '00:00' }, discharge2: { start: '00:00', stop: '00:00' }\n      },\n      seriesDefs: [\n        { k: 'pv', l: 'pv', c: '#f59e0b' },\n        { k: 'load', l: 'load', c: '#3b82f6' },\n        { k: 'grid', l: 'grid', c: '#8b5cf6' },\n        { k: 'batt', l: 'battery', c: '#22c55e' },\n        { k: 'soc', l: 'soc', c: '#0f766e' }\n      ],\n      energyRows: [\n        { k: 'pv', l: 'pvEnergy', c: '#f59e0b' },\n        { k: 'consumption', l: 'consumptionEnergy', c: '#3b82f6' },\n        { k: 'gridImport', l: 'gridImportEnergy', c: '#ef4444' },\n        { k: 'gridFeed', l: 'gridFeedEnergy', c: '#8b5cf6' },\n        { k: 'batteryCharge', l: 'battChargeEnergy', c: '#22c55e' },\n        { k: 'batteryDischarge', l: 'battDischargeEnergy', c: '#15803d' }\n      ],\n      i18n: {\n        de: {\n          title: 'Energiezentrale', refresh: 'Aktualisieren', waiting: 'Warte auf AlphaESS-Daten …',\n          wireHint: 'Verbinde Ausgang 1 der AlphaESS-Node mit dem Link „AlphaESS → Dashboard Data“.',\n          liveOk: 'Live · vor {s} s', liveWarn: 'Daten verzögert · vor {s} s', liveBad: 'Keine aktuellen Daten', liveNone: 'Noch keine Daten',\n          pv: 'PV-Leistung', load: 'Hausverbrauch', grid: 'Netz', gridImport: 'Netzbezug', gridExport: 'Einspeisung',\n          battery: 'Batterie', soc: 'SOC', autarky: 'Autarkie', selfUse: 'Eigenverbrauch', today: 'Heute', yesterday: 'Gestern',\n          import: 'Bezug', export: 'Einspeisung', house: 'Haus', charging: 'lädt', discharging: 'entlädt', idle: 'Standby',\n          energyFlow: 'Energiefluss', batteryState: 'Batteriespeicher', relaysClosed: 'Relais geschlossen',\n          power: 'Leistung', capacity: 'Kapazität', remaining: 'Restzeit', voltage: 'Spannung', current: 'Strom',\n          cellTemp: 'Zelltemperatur', cellSpread: 'Zellspreizung', maxCharge: 'Max. Ladeleistung', maxDischarge: 'Max. Entladeleistung',\n          todayCharged: 'Heute geladen', todayDischarged: 'Heute entladen',\n          pvStrings: 'PV-Strings & Wechselrichter', noStrings: 'Keine aktiven Strings', invTemp: 'Wechselrichter',\n          totalPv: 'PV gesamt', feedLimit: 'Einspeisegrenze', gridPhases: 'Netz je Phase', totalImport: 'Bezug gesamt', totalExport: 'Einspeisung gesamt',\n          history: 'Leistungsverlauf', signHint: 'Netz + Bezug / − Einspeisung · Batterie + Entladen / − Laden',\n          historyBuilding: 'Verlauf wird aufgebaut … (2-Minuten-Mittelwerte, bleibt nach Neustart erhalten)',\n          energyBalance: 'Energiebilanz', partialDay: 'Tag läuft', todayVsYesterday: 'Heute / Gestern',\n          pvEnergy: 'PV-Erzeugung', consumptionEnergy: 'Verbrauch', gridImportEnergy: 'Netzbezug', gridFeedEnergy: 'Einspeisung',\n          battChargeEnergy: 'Batterie geladen', battDischargeEnergy: 'Batterie entladen',\n          health: 'Systemzustand', systemOk: 'In Ordnung', attention: 'Aufmerksamkeit', noAlerts: 'Keine Alarme, Warnungen oder Fehlerbits',\n          dataBlocks: 'Datenblöcke', stale: 'veraltet', fresh: 'aktuell', alarmHistory: 'Alarmverlauf', cleared: 'behoben', active: 'aktiv',\n          control: 'Steuerung', unlock: 'Steuerung freischalten (10 min)', armedUntil: 'Freigeschaltet bis {time} · sperren',\n          controlDisclaimer: 'Schreibbefehle verändern den Anlagenbetrieb. In der AlphaESS-Node muss „Allow write access“ aktiv sein. Jeder Befehl erfordert eine zweite Bestätigung.',\n          dispatch: 'Laden / Entladen (Dispatch)', dispatchActive: 'Aktiv: {p} bis {s}', dispatchInactive: 'Kein Dispatch aktiv',\n          charge: 'Laden', discharge: 'Entladen', dispatchPower: 'Leistung', targetSoc: 'Ziel-SOC', duration: 'Dauer',\n          start: 'Starten', stop: 'Stoppen', reallySend: 'Wirklich senden?', apply: 'Übernehmen', currentValue: 'Aktuell',\n          feedHint: 'Entspricht ca. {kw} kW bei der konfigurierten PV-Leistung.',\n          periods: 'Lade- / Entladezeitfenster', flag0: 'Aus', flag1: 'Laden', flag2: 'Entladen', flag3: 'Beides',\n          chargeCut: 'Ladeziel', reserve: 'USV-Reserve', loadCurrent: 'Aktuelle Werte laden', applyPeriods: 'Zeitfenster senden',\n          technicalDetails: 'Technische Daten', showRaw: 'Rohdaten anzeigen', hideRaw: 'Rohdaten ausblenden',\n          serial: 'Seriennummer', master: 'Firmware Master', slave: 'Firmware Slave', ems: 'EMS-Version', sysMode: 'Systemmodus',\n          meter: 'Zähler / CT', pvCap: 'PV-Leistung (Konfig.)', ip: 'IP-Adresse', modbus: 'Modbus-Adresse',\n          batType: 'Batterietyp', modules: 'Batteriemodule', bmu: 'BMU-Software', backup: 'Backup-Leistung'\n        },\n        en: {\n          title: 'Energy Center', refresh: 'Refresh', waiting: 'Waiting for AlphaESS data …',\n          wireHint: 'Connect output 1 of the AlphaESS node to the link “AlphaESS → Dashboard Daten”.',\n          liveOk: 'Live · {s} s ago', liveWarn: 'Data delayed · {s} s ago', liveBad: 'No current data', liveNone: 'No data yet',\n          pv: 'PV power', load: 'Home load', grid: 'Grid', gridImport: 'Grid import', gridExport: 'Grid export',\n          battery: 'Battery', soc: 'SOC', autarky: 'Autarky', selfUse: 'Self-consumption', today: 'Today', yesterday: 'Yesterday',\n          import: 'Import', export: 'Export', house: 'Home', charging: 'charging', discharging: 'discharging', idle: 'Standby',\n          energyFlow: 'Energy flow', batteryState: 'Battery storage', relaysClosed: 'Relays closed',\n          power: 'Power', capacity: 'Capacity', remaining: 'Remaining', voltage: 'Voltage', current: 'Current',\n          cellTemp: 'Cell temperature', cellSpread: 'Cell spread', maxCharge: 'Max. charge power', maxDischarge: 'Max. discharge power',\n          todayCharged: 'Charged today', todayDischarged: 'Discharged today',\n          pvStrings: 'PV strings & inverter', noStrings: 'No active strings', invTemp: 'Inverter',\n          totalPv: 'Total PV', feedLimit: 'Feed-in limit', gridPhases: 'Grid per phase', totalImport: 'Total import', totalExport: 'Total export',\n          history: 'Power history', signHint: 'Grid + import / − export · Battery + discharge / − charge',\n          historyBuilding: 'Building history … (2-minute averages, survives restarts)',\n          energyBalance: 'Energy balance', partialDay: 'Day in progress', todayVsYesterday: 'Today / yesterday',\n          pvEnergy: 'PV generation', consumptionEnergy: 'Consumption', gridImportEnergy: 'Grid import', gridFeedEnergy: 'Grid export',\n          battChargeEnergy: 'Battery charged', battDischargeEnergy: 'Battery discharged',\n          health: 'System health', systemOk: 'Healthy', attention: 'Attention', noAlerts: 'No alarms, warnings or fault bits',\n          dataBlocks: 'Data blocks', stale: 'stale', fresh: 'fresh', alarmHistory: 'Alarm history', cleared: 'cleared', active: 'active',\n          control: 'Control', unlock: 'Unlock controls (10 min)', armedUntil: 'Unlocked until {time} · lock',\n          controlDisclaimer: 'Write commands change system operation. “Allow write access” must be enabled in the AlphaESS node. Every command requires a second confirmation.',\n          dispatch: 'Charge / discharge (dispatch)', dispatchActive: 'Active: {p} to {s}', dispatchInactive: 'No dispatch active',\n          charge: 'Charge', discharge: 'Discharge', dispatchPower: 'Power', targetSoc: 'Target SOC', duration: 'Duration',\n          start: 'Start', stop: 'Stop', reallySend: 'Really send?', apply: 'Apply', currentValue: 'Current',\n          feedHint: 'About {kw} kW at the configured PV capacity.',\n          periods: 'Charge / discharge periods', flag0: 'Off', flag1: 'Charge', flag2: 'Discharge', flag3: 'Both',\n          chargeCut: 'Charge target', reserve: 'UPS reserve', loadCurrent: 'Load current values', applyPeriods: 'Send periods',\n          technicalDetails: 'Technical data', showRaw: 'Show raw data', hideRaw: 'Hide raw data',\n          serial: 'Serial number', master: 'Firmware master', slave: 'Firmware slave', ems: 'EMS version', sysMode: 'System mode',\n          meter: 'Meter / CT', pvCap: 'PV capacity (config)', ip: 'IP address', modbus: 'Modbus address',\n          batType: 'Battery type', modules: 'Battery modules', bmu: 'BMU software', backup: 'Backup power'\n        }\n      }\n    }\n  },\n\n  mounted () {\n    // Bereits vorhandene (gespeicherte) Nachricht sofort übernehmen\n    if (this.msg && this.msg.payload && typeof this.msg.payload === 'object') this.aeData = this.msg.payload\n    this.clockTimer = setInterval(() => { this.nowTs = Date.now() }, 5000)\n    setTimeout(() => this.observe(), 800)\n  },\n\n\n\n  computed: {\n    d () { return this.P().data || null },\n    det () { return this.d?.details || {} },\n    bat () { return this.det.battery || {} },\n    inv () { return this.det.inverter || {} },\n    grid () { return this.det.grid || {} },\n    sysCfg () { return this.det.systemConfig || {} },\n    tp () { return this.det.timePeriod || {} },\n    disp () { return this.det.dispatch || {} },\n    daily () { return this.d?.daily || {} },\n    yesterday () { return this.d?.yesterday || {} },\n    aeLocale () { return this.lang === 'en' ? 'en-GB' : 'de-DE' },\n\n    // Aktuelle Leistungsflüsse (Vorzeichen: grid + Bezug, batt + Entladen)\n    f () {\n      const d = this.d || {}\n      const n = v => (v === null || v === undefined || v === '' || !Number.isFinite(Number(v))) ? null : Number(v)\n      const charge = n(d.batteryCharge)\n      const dis = n(d.batteryDischarge)\n      const batt = (charge !== null || dis !== null) ? (dis || 0) - (charge || 0) : n(d.battery)\n      return {\n        pv: n(d.modules) ?? n(this.inv.pvPowerTotal),\n        load: n(d.consumption),\n        grid: n(d.grid),\n        batt,\n        soc: n(d.soc)\n      }\n    },\n\n    sysInfo () {\n      const info = this.d?.info || {}\n      return {\n        serial: info.inverterInfo?.serialNumber || info.systemInfo?.emsSerialNumber,\n        ems: info.systemInfo?.emsVersion?.text,\n        mode: this.sysCfg.systemMode?.text ? 'AlphaESS · ' + this.sysCfg.systemMode.text : null\n      }\n    },\n\n    ageSec () {\n      const ts = Date.parse(this.P().lastDataAt || '')\n      return Number.isFinite(ts) ? Math.max(0, Math.round((this.nowTs - ts) / 1000)) : null\n    },\n\n    live () {\n      const a = this.ageSec\n      if (a === null) return { cls: 'none', text: this.t('liveNone') }\n      if (a < 60) return { cls: 'ok', text: this.t('liveOk', { s: a }) }\n      if (a < 300) return { cls: 'warn', text: this.t('liveWarn', { s: a }) }\n      return { cls: 'bad', text: this.t('liveBad') }\n    },\n\n    battIcon () {\n      const s = this.f.soc ?? 0\n      if ((this.f.batt || 0) < -20) return 'mdi-battery-charging-high'\n      const lvl = Math.max(10, Math.min(100, Math.round(s / 10) * 10))\n      return lvl === 100 ? 'mdi-battery' : 'mdi-battery-' + lvl\n    },\n\n    battStateText () {\n      const b = this.f.batt\n      if (b === null || Math.abs(b) < 20) return this.t('idle')\n      return (b < 0 ? this.t('charging') : this.t('discharging')) + ' ' + this.w(Math.abs(b))\n    },\n\n    battFlowText () {\n      const b = this.f.batt\n      if (b === null || Math.abs(b) < 20) return this.t('idle')\n      return (b < 0 ? this.t('charging') : this.t('discharging')) + ' ' + this.w(Math.abs(b))\n    },\n\n    battRelayOk () { return Number(this.bat.relayStatus?.raw) === 3 },\n    socAngle () { return Math.max(0, Math.min(100, this.f.soc || 0)) * 3.6 + 'deg' },\n    socColor () { const s = this.f.soc || 0; return s < 20 ? '#ef4444' : s < 50 ? '#f59e0b' : '#16a34a' },\n\n    remaining () {\n      const r = Number(this.bat.remainingTime)\n      if (!Number.isFinite(r) || r <= 0) return null\n      return r >= 60 ? Math.floor(r / 60) + ' h ' + (r % 60) + ' min' : r + ' min'\n    },\n\n    strings () {\n      const list = Array.isArray(this.inv.pv) ? this.inv.pv : []\n      const active = list.map((s, i) => ({ idx: i + 1, power: Number(s.power) || 0, voltage: s.voltage, current: s.current }))\n        .filter(s => s.power > 0 || Number(s.voltage) > 0)\n      const max = Math.max(1, ...active.map(s => s.power))\n      return active.map(s => ({ ...s, pct: s.power / max * 100 }))\n    },\n\n    phases () {\n      const g = this.grid\n      return ['L1', 'L2', 'L3'].map((name, i) => ({\n        name,\n        power: g.activePower?.[i],\n        voltage: g.voltage?.[i],\n        current: g.current?.[i],\n        pf: g.powerFactor?.[i]\n      }))\n    },\n\n    phaseMax () { return Math.max(500, ...this.phases.map(p => Math.abs(Number(p.power) || 0))) },\n\n    rings () {\n      return [\n        { k: 'autarky', l: 'autarky', c: '#16a34a', today: this.daily.autarky, yesterday: this.yesterday.autarky },\n        { k: 'self', l: 'selfUse', c: '#f59e0b', today: this.daily.selfConsumptionRate, yesterday: this.yesterday.selfConsumptionRate }\n      ]\n    },\n\n    cmpMax () {\n      const vals = this.energyRows.flatMap(r => [Number(this.daily[r.k]) || 0, Number(this.yesterday[r.k]) || 0])\n      return Math.max(0.1, ...vals)\n    },\n\n    alertItems () {\n      // Typ fest vorgeben (ohne JSDoc), damit die Editor-Typprüfung keinen Zirkelbezug meldet\n      const out = [{ type: '', text: '' }].slice(0, 0)\n      const p = this.P()\n      const data = p.data || {}\n      const a = p.alarm || { alarms: data.alarms || [], warnings: data.warnings || [] }\n      for (const x of a.alarms || []) out.push({ type: 'alarm', text: typeof x === 'string' ? x : (x.text || x.message || JSON.stringify(x)) })\n      for (const x of a.warnings || []) out.push({ type: 'warning', text: typeof x === 'string' ? x : (x.text || x.message || JSON.stringify(x)) })\n      // Aktive Fehler-/Warnbits aus den Registerdetails\n      const bits = [\n        ['BMS', this.bat.fault], ['BMS', this.bat.warning],\n        ['INV', this.inv.fault1], ['INV', this.inv.fault2],\n        ['INV', this.inv.faultExtend1], ['INV', this.inv.faultExtend2],\n        ['INV', this.inv.warningBits?.warning1], ['INV', this.inv.warningBits?.warning2],\n        ['SYS', this.det.systemRun?.systemFault]\n      ]\n      for (const [src, b] of bits) {\n        for (const x of (b && Array.isArray(b.active) ? b.active : [])) {\n          out.push({ type: 'fault', text: src + ': ' + (typeof x === 'string' ? x : (x.text || x.name || JSON.stringify(x))) })\n        }\n      }\n      return out\n    },\n\n    healthOk () {\n      return this.alertItems.length === 0 && !Object.values(this.d?.blocks || {}).some(b => b.stale) && (this.ageSec ?? 999) < 300\n    },\n\n    // ---------- Verlauf ----------\n    pts () {\n      const h = Array.isArray(this.P().history) ? this.P().history : []\n      const from = this.nowTs - this.range * 3600 * 1000\n      return h.filter(p => p.t >= from)\n    },\n    t0 () { return this.pts[0]?.t || 0 },\n    t1 () { return this.pts[this.pts.length - 1]?.t || 1 },\n    span () { return Math.max(1, this.t1 - this.t0) },\n    visibleSeries () { return this.seriesDefs.filter(s => !this.hidden[s.k]) },\n\n    yRange () {\n      const keys = this.visibleSeries.filter(s => s.k !== 'soc').map(s => s.k)\n      const vals = this.pts.flatMap(p => keys.map(k => p[k])).filter(v => v != null)\n      const min = Math.min(0, ...vals)\n      const max = Math.max(0, ...vals, 500)\n      const step = this.niceStep((max - min) / 4)\n      return { min: Math.floor(min / step) * step, max: Math.ceil(max / step) * step, step }\n    },\n\n    yTicks () {\n      const { min, max, step } = this.yRange\n      const ticks = [{ pct: 0, label: '' }].slice(0, 0)\n      for (let v = max; v >= min - 1e-6; v -= step) {\n        ticks.push({ pct: (max - v) / ((max - min) || 1) * 100, label: Math.abs(v) >= 1000 ? (v / 1000).toLocaleString(this.aeLocale, { maximumFractionDigits: 1 }) + ' kW' : Math.round(v) + ' W' })\n      }\n      return ticks\n    },\n\n    xTicks () {\n      const steps = [15, 30, 60, 120, 180, 240, 360]\n      const spanMin = this.span / 60000\n      let step = steps[steps.length - 1]\n      for (const s of steps) {\n        if (this.plotWidth / (spanMin / s) >= 80) { step = s; break }\n      }\n      const ms = step * 60000\n      const tz = new Date(this.t0).getTimezoneOffset() * 60000\n      let t = Math.ceil((this.t0 - tz) / ms) * ms + tz\n      const ticks = [{ pct: 0, label: '' }].slice(0, 0)\n      while (t <= this.t1) {\n        const dd = new Date(t)\n        const midnight = dd.getHours() === 0 && dd.getMinutes() === 0\n        const time = dd.toLocaleTimeString(this.aeLocale, { hour: '2-digit', minute: '2-digit' })\n        ticks.push({ pct: (t - this.t0) / this.span * 100, label: midnight ? dd.toLocaleDateString(this.aeLocale, { weekday: 'short' }) + ' ' + time : time })\n        t += ms\n      }\n      return ticks\n    },\n\n    hover () {\n      if (this.hi === null) return null\n      const p = this.pts[this.hi]\n      return p ? { p, x: (p.t - this.t0) / this.span * 100 } : null\n    },\n\n    // ---------- Zeitfenster ----------\n    nowPct () { const dd = new Date(this.nowTs); return (dd.getHours() * 60 + dd.getMinutes()) / 14.4 },\n\n    periodBars () {\n      const flag = this.form.flag\n      const bars = [{ l: 0, w: 0, cls: '' }].slice(0, 0)\n      const add = (slot, cls) => {\n        const a = this.mins(slot.start)\n        const b = this.mins(slot.stop)\n        if (a === null || b === null || a === b) return\n        if (a < b) bars.push({ l: a / 14.4, w: (b - a) / 14.4, cls })\n        else { bars.push({ l: a / 14.4, w: (1440 - a) / 14.4, cls }); bars.push({ l: 0, w: b / 14.4, cls }) }\n      }\n      if (flag === 1 || flag === 3) { add(this.form.charge1, 'c'); add(this.form.charge2, 'c') }\n      if (flag === 2 || flag === 3) { add(this.form.discharge1, 'd'); add(this.form.discharge2, 'd') }\n      return bars\n    },\n\n    techRows () {\n      const info = this.d?.info || {}\n      return [\n        { k: 'serial', v: info.inverterInfo?.serialNumber },\n        { k: 'master', v: info.inverterInfo?.masterSoftwareVersion },\n        { k: 'slave', v: info.inverterInfo?.slaveSoftwareVersion },\n        { k: 'ems', v: info.systemInfo?.emsVersion?.text },\n        { k: 'sysMode', v: this.sysCfg.systemMode?.text },\n        { k: 'meter', v: this.sysCfg.meterCtSelect?.text },\n        { k: 'pvCap', v: this.sysCfg.pvCapacityStorage ? this.w(this.sysCfg.pvCapacityStorage) : null },\n        { k: 'ip', v: this.sysCfg.localIp },\n        { k: 'modbus', v: this.sysCfg.modbusAddress },\n        { k: 'batType', v: this.bat.type?.text },\n        { k: 'modules', v: this.bat.moduleCount },\n        { k: 'bmu', v: this.bat.bmuSoftwareVersion },\n        { k: 'backup', v: this.inv.backup?.powerTotal != null ? this.w(this.inv.backup.powerTotal) : null },\n        { k: 'cellSpread', v: this.bat.minCellVoltage ? this.bat.minCellVoltage.value + ' – ' + this.bat.maxCellVoltage?.value + ' V' : null }\n      ]\n    },\n\n    feedback () { return this.P().feedback }\n  },\n\n  watch: {\n    // Eingehende Nachricht in den lokalen Zustand übernehmen\n    msg: {\n      deep: true,\n      handler (m) {\n        if (m && m.payload && typeof m.payload === 'object') this.aeData = m.payload\n      }\n    },\n    feedback (fb) {\n      if (!fb || fb.ts === this.lastToastTs) return\n      this.lastToastTs = fb.ts\n      if (Date.now() - fb.ts > 15000) return\n      this.toast = { ok: fb.ok, text: fb[this.lang] || fb.de }\n      clearTimeout(this.toastTimer)\n      this.toastTimer = setTimeout(() => { this.toast = null }, 5000)\n    },\n    d (v) {\n      // Formularwerte einmalig aus der Anlage übernehmen\n      if (v && !this.periodsLoaded) this.loadPeriods(false)\n    }\n  },\n\n  methods: {\n    // Nutzdaten direkt aus msg lesen (robust gegen Reihenfolge der computed-Auswertung)\n    P () { return this.aeData || {} },\n\n    // ---------- Sprache ----------\n    t (key, params) {\n      let s = (this.i18n[this.lang] && this.i18n[this.lang][key]) ?? this.i18n.de[key] ?? key\n      if (params) for (const [k, v] of Object.entries(params)) s = s.replace('{' + k + '}', v)\n      return s\n    },\n    setLang (l) {\n      this.lang = l\n      try { window.localStorage.setItem('alphaess-lang', l) } catch (e) { /* ignorieren */ }\n    },\n\n    // ---------- Befehle (send direkt im Klick) ----------\n    cmd (payload) { this.send({ payload }) },\n\n    twoStep (key, action) {\n      if (this.confirmKey === key) {\n        this.confirmKey = null\n        clearTimeout(this.confirmTimer)\n        action()\n        return\n      }\n      this.confirmKey = key\n      clearTimeout(this.confirmTimer)\n      this.confirmTimer = setTimeout(() => { this.confirmKey = null }, 5000)\n    },\n\n    startDispatch () {\n      const p = Math.abs(Number(this.form.power) || 0)\n      this.cmd({\n        action: 'dispatch',\n        power: this.form.dir === 'charge' ? -p : p,\n        soc: Number(this.form.soc),\n        duration: Math.round(Number(this.form.minutes) * 60),\n        confirm: true\n      })\n    },\n\n    sendPeriods () {\n      const f = this.form\n      this.cmd({\n        action: 'timePeriod', confirm: true,\n        flag: f.flag, chargeCutSoc: f.chargeCutSoc, upsReserveSoc: f.upsReserveSoc,\n        charge1: { ...f.charge1 }, charge2: { ...f.charge2 },\n        discharge1: { ...f.discharge1 }, discharge2: { ...f.discharge2 }\n      })\n    },\n\n    // Zeitfenster und Einspeisegrenze aus den Registerdaten übernehmen.\n    // Hinweis: flag kommt als Objekt { raw, text }.\n    loadPeriods (force) {\n      const p = this.tp\n      if (!p || (!force && this.periodsLoaded)) return\n      const flag = p.flag && typeof p.flag === 'object' ? p.flag.raw : p.flag\n      if (Number.isFinite(Number(flag))) this.form.flag = Number(flag)\n      if (p.chargeCutSoc != null) this.form.chargeCutSoc = Number(p.chargeCutSoc)\n      if (p.upsReserveSoc != null) this.form.upsReserveSoc = Number(p.upsReserveSoc)\n      for (const k of ['charge1', 'charge2', 'discharge1', 'discharge2']) {\n        if (p[k]) this.form[k] = { start: p[k].start || '00:00', stop: p[k].stop || '00:00' }\n      }\n      if (this.sysCfg.maxFeedIntoGridPercent != null) this.form.feedIn = Number(this.sysCfg.maxFeedIntoGridPercent)\n      this.periodsLoaded = true\n    },\n\n    // ---------- Verlauf ----------\n    observe () {\n      const el = this.$refs.plot\n      if (!el || typeof ResizeObserver === 'undefined') return\n      this.resizeObserver = new ResizeObserver(entries => { this.plotWidth = entries[0].contentRect.width || 800 })\n      this.resizeObserver.observe(el)\n    },\n    toggle (k) { this.hidden = { ...this.hidden, [k]: !this.hidden[k] } },\n    niceStep (raw) {\n      const p = Math.pow(10, Math.floor(Math.log10(Math.max(raw, 1))))\n      const m = raw / p\n      return (m <= 1 ? 1 : m <= 2 ? 2 : m <= 2.5 ? 2.5 : m <= 5 ? 5 : 10) * p\n    },\n    xv (t) { return (t - this.t0) / this.span * 1000 },\n    yv (v) { const { min, max } = this.yRange; return 260 - (v - min) / ((max - min) || 1) * 260 },\n    ys (v) { return 260 - Math.max(0, Math.min(100, v)) / 100 * 260 },\n    line (k) {\n      return this.pts.filter(p => p[k] != null)\n        .map(p => this.xv(p.t).toFixed(1) + ',' + (k === 'soc' ? this.ys(p[k]) : this.yv(p[k])).toFixed(1)).join(' ')\n    },\n    pick (clientX) {\n      const el = this.$refs.plot\n      if (!el) return\n      const r = el.getBoundingClientRect()\n      const target = this.t0 + Math.min(1, Math.max(0, (clientX - r.left) / r.width)) * this.span\n      let best = 0\n      let diff = Infinity\n      this.pts.forEach((p, i) => { const dd = Math.abs(p.t - target); if (dd < diff) { diff = dd; best = i } })\n      this.hi = best\n    },\n    onMove (e) { this.pick(e.clientX) },\n    onTouch (e) { if (e.touches && e.touches.length) this.pick(e.touches[0].clientX) },\n    tipTime (t) {\n      const dd = new Date(t)\n      return dd.toLocaleDateString(this.aeLocale, { weekday: 'short', day: '2-digit', month: '2-digit' }) + ' · ' +\n        dd.toLocaleTimeString(this.aeLocale, { hour: '2-digit', minute: '2-digit' })\n    },\n\n    // ---------- Energiefluss ----------\n    // Pfade sind zum Wechselrichter hin gezeichnet (Haus: vom Wechselrichter weg).\n    // Positiver Wert = Richtung des Pfades, negativer = umgekehrt.\n    flowState (v) {\n      const n = Number(v)\n      if (!Number.isFinite(n) || Math.abs(n) < 20) return 'idle'\n      return n > 0 ? 'fwd' : 'rev'\n    },\n    sw (v) {\n      const n = Math.abs(Number(v) || 0)\n      return n < 20 ? 2 : (3 + Math.min(7, Math.log10(1 + n / 50) * 3)).toFixed(1)\n    },\n\n    // ---------- Formatierung ----------\n    num (v, dec = 0) {\n      const n = Number(v)\n      if (v === null || v === undefined || v === '' || !Number.isFinite(n)) return '–'\n      return n.toLocaleString(this.aeLocale, { minimumFractionDigits: dec, maximumFractionDigits: dec })\n    },\n    w (v) {\n      const n = Number(v)\n      if (v === null || v === undefined || !Number.isFinite(n)) return '–'\n      return Math.abs(n) >= 1000 ? this.num(n / 1000, 2) + ' kW' : this.num(n, 0) + ' W'\n    },\n    signedW (v) {\n      const n = Number(v)\n      if (v === null || v === undefined || !Number.isFinite(n)) return '–'\n      return (n > 0 ? '+' : n < 0 ? '−' : '') + this.w(Math.abs(n))\n    },\n    kwh (v) { return v === null || v === undefined ? '–' : this.num(v, 1) + ' kWh' },\n    mwh (v) {\n      const n = Number(v)\n      if (!Number.isFinite(n)) return '–'\n      return n >= 1000 ? this.num(n / 1000, 2) + ' MWh' : this.num(n, 0) + ' kWh'\n    },\n    pct (v, dec = 1) { return v === null || v === undefined ? '–' : this.num(v, dec) + ' %' },\n    clock (v) { return v ? new Date(v).toLocaleTimeString(this.aeLocale, { hour: '2-digit', minute: '2-digit' }) : '–' },\n    dt (v) { return v ? new Date(v).toLocaleString(this.aeLocale, { day: '2-digit', month: '2-digit', hour: '2-digit', minute: '2-digit' }) : '–' },\n    mins (s) {\n      const m = String(s || '').match(/^(\\d{1,2}):(\\d{2})$/)\n      return m ? Number(m[1]) * 60 + Number(m[2]) : null\n    },\n    cmpPct (k, which) {\n      const v = Number((which === 'today' ? this.daily : this.yesterday)[k]) || 0\n      return Math.min(100, v / this.cmpMax * 100)\n    },\n    phaseStyle (p) {\n      const n = Number(p) || 0\n      const w = Math.min(50, Math.abs(n) / this.phaseMax * 50)\n      return n < 0 ? { right: '50%', width: w + '%' } : { left: '50%', width: w + '%' }\n    }\n  }\n}\n</script>\n\n<style>\n.ae{--pv:#f59e0b;--home:#3b82f6;--grid:#8b5cf6;--batt:#22c55e;--teal:#0f766e;color:#1e293b;font-family:Inter,system-ui,sans-serif}\n.ae-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#071b2e,#0b3552 58%,#0f766e);box-shadow:0 18px 44px rgba(7,32,51,.25)}\n.ae-title small{color:#79d8d0;font-size:.68rem;font-weight:850;letter-spacing:.18em}\n.ae-title h2{margin:4px 0;font-size:clamp(1.6rem,3.5vw,2.3rem)}\n.live{display:flex;align-items:center;gap:7px;color:#cfe6ee;font-size:.78rem}\n.live i{width:9px;height:9px;border-radius:50%;background:#94a3b8}\n.live i.ok{background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.2);animation:aePulse 2s infinite}\n.live i.warn{background:#fbbf24}.live i.bad{background:#f87171}\n@keyframes aePulse{50%{box-shadow:0 0 0 7px rgba(74,222,128,0)}}\n.ae-head-right{display:flex;flex-wrap:wrap;align-items:center;gap:10px}\n.ae-dev{padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.08);font-size:.72rem}\n.ae-dev b,.ae-dev span{display:block}.ae-dev span{color:#b5d3dd;font-family:monospace}\n.hbtn{display:flex;align-items:center;gap:6px;padding:9px 13px;border:0;border-radius:12px;color:#fff;background:rgba(255,255,255,.14);font:inherit;font-size:.8rem;font-weight:750;cursor:pointer}\n.lang{display:flex;overflow:hidden;border:1px solid rgba(255,255,255,.3);border-radius:10px}\n.lang button{padding:8px 11px;border:0;color:#cfe6ee;background:transparent;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}\n.lang button.on{color:#071b2e;background:#fff}\n.ae-empty{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px;padding:60px 20px;border:1px dashed #94a3b8;border-radius:20px;color:#64748b;text-align:center}\n.ae-empty .v-icon{color:var(--teal)}\n.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0}\n.kpi{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.06)}\n.ki{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:14px}\n.kpi span,.kpi b,.kpi small{display:block}\n.kpi span{color:#64748b;font-size:.72rem}.kpi b{font-size:1.35rem}.kpi small{color:#94a3b8;font-size:.66rem}\n.kpi.pv .ki{color:#d97706;background:#fef3c7}.kpi.home .ki{color:#2563eb;background:#dbeafe}\n.kpi.grid .ki{color:#7c3aed;background:#ede9fe}.kpi.grid.export .ki{color:#15803d;background:#dcfce7}\n.kpi.batt .ki{color:#16a34a;background:#dcfce7}.kpi.aut .ki{color:var(--teal);background:#ccfbf1}\n.row{display:grid;gap:12px;margin-bottom:12px}\n.r-flow{grid-template-columns:1.6fr 1fr}.r-two{grid-template-columns:1fr 1fr}\n.panel{padding:18px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.05)}\n.ptitle{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-weight:850}\n.chip{padding:3px 9px;border-radius:99px;color:#475569;background:#f1f5f9;font-size:.68rem;font-style:normal;font-weight:750}\n.chip.ok{color:#166534;background:#dcfce7}.chip.warn{color:#92400e;background:#fef3c7}\n.livebadge{display:flex;align-items:center;gap:5px;color:#16a34a;font-size:.66rem;font-style:normal;letter-spacing:.1em}\n.livebadge i{width:7px;height:7px;border-radius:50%;background:#16a34a;animation:aePulse 2s infinite}\n.stage{position:relative;width:100%;aspect-ratio:600/340;max-height:360px}\n.stage svg{position:absolute;inset:0;width:100%;height:100%}\n.fl{fill:none;stroke-linecap:round;stroke-dasharray:10 9;vector-effect:non-scaling-stroke}\n.fl.idle{stroke:#cbd5e1!important;stroke-dasharray:3 8;opacity:.7}\n.fl.fwd{animation:aeDash 1s linear infinite}.fl.rev{animation:aeDash 1s linear infinite reverse}\n@keyframes aeDash{to{stroke-dashoffset:-19}}\n.pvc{stroke:var(--pv)}.gridc{stroke:var(--grid)}.homec{stroke:var(--home)}.battc{stroke:var(--batt)}\n.node{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:118px;padding:9px 6px;border:2px solid #cbd5e1;border-radius:16px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.1);transform:translate(-50%,-50%);text-align:center}\n.node b{font-size:1rem}.node span{color:#64748b;font-size:.64rem}\n.pvn{border-color:#fbbf24}.pvn .v-icon{color:#f59e0b}\n.gridn{border-color:#a78bfa}.gridn .v-icon{color:#7c3aed}.gridn.exp{border-color:#4ade80}\n.homen{border-color:#60a5fa}.homen .v-icon{color:#2563eb}\n.battn{border-color:#4ade80}.battn .v-icon{color:#16a34a}\n.hub{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#0b3552,#0f766e);box-shadow:0 0 0 6px rgba(15,118,110,.15);transform:translate(-50%,-50%)}\n.hub small{font-size:.58rem;font-weight:800}\n.soc-wrap{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}\n.soc-ring{display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--c) var(--a),#e2e8f0 0)}\n.soc-in{display:flex;flex-direction:column;align-items:center;justify-content:center;width:116px;height:116px;border-radius:50%;background:#fff}\n.soc-in b{font-size:1.9rem}.soc-in span{color:#64748b;font-size:.66rem}\n.soc-side{display:grid;gap:7px}\n.soc-side div,.kv div{padding:8px 10px;border-radius:11px;background:#f8fafc;min-width:0}\n.soc-side span,.kv span{display:block;color:#64748b;font-size:.64rem}\n.soc-side b,.kv b{display:block;overflow:hidden;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}\n.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}\n.kv.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kv.four{grid-template-columns:repeat(4,minmax(0,1fr))}\n.kv .warn{background:#fef3c7}.warnc{color:#d97706}\n.bar-row{display:grid;grid-template-columns:34px 1fr 76px;grid-template-rows:auto auto;gap:2px 10px;align-items:center;margin-bottom:10px}\n.bar-row .lbl{grid-row:1/3;font-size:.74rem;font-weight:800;color:#475569}\n.bar-row b{text-align:right;font-size:.86rem}\n.bar-row small{grid-column:2/4;color:#94a3b8;font-size:.64rem}\n.bar{position:relative;height:12px;border-radius:7px;background:#f1f5f9;overflow:hidden}\n.bar i{position:absolute;top:0;bottom:0;left:0;border-radius:7px;transition:width .5s}\n.pvbar{background:linear-gradient(90deg,#fcd34d,#f59e0b)}\n.bar.center em{position:absolute;top:-2px;bottom:-2px;left:50%;width:2px;background:#94a3b8}\n.bar.center i{left:auto}\n.impbar{background:#ef4444}.expbar{background:#22c55e}\n.legend-small{display:flex;gap:14px;margin-top:4px;color:#64748b;font-size:.66rem}\n.legend-small span:before{content:\"\";display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:3px;vertical-align:-1px}\n.legend-small .imp:before{background:#ef4444}.legend-small .exp:before{background:#22c55e}\n.legend-small .tod:before{background:#475569}.legend-small .yes:before{background:#cbd5e1}\n.muted{color:#94a3b8;font-size:.72rem}.muted.big{padding:40px;text-align:center}\n.chart{margin-bottom:12px}\n.seg{display:flex;overflow:hidden;border:1px solid #e2e8f0;border-radius:10px}\n.seg button{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 11px;border:0;color:#475569;background:#fff;font:inherit;font-size:.72rem;font-weight:750;cursor:pointer}\n.seg button.on{color:#fff;background:var(--teal)}\n.seg.full{margin:10px 0}.seg.full button{flex:1;padding:8px}\n.legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}\n.legend button{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #e2e8f0;border-radius:99px;background:#fff;font:inherit;font-size:.72rem;cursor:pointer}\n.legend button i{width:10px;height:10px;border-radius:50%}\n.legend button.off{opacity:.4}\n.legend .hint{margin-left:auto;color:#94a3b8;font-size:.64rem}\n.cgrid{display:grid;grid-template-columns:52px 1fr 40px;grid-template-rows:260px 34px}\n.yaxis{position:relative}\n.yaxis span{position:absolute;right:8px;color:#94a3b8;font-size:.62rem;white-space:nowrap;transform:translateY(-50%)}\n.yaxis.right span{right:auto;left:8px;color:#0f766e}\n.plot{position:relative;cursor:crosshair;touch-action:pan-y}\n.plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}\n.gl{stroke:#eef2f6;stroke-width:1;vector-effect:non-scaling-stroke}.gl.v{stroke-dasharray:3 4}\n.zero{stroke:#94a3b8;stroke-width:1;vector-effect:non-scaling-stroke}\n.ln{fill:none;stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}\n.ln.dash{stroke-dasharray:6 4;stroke-width:2}\n.cursor{stroke:#475569;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}\n.hdot{position:absolute;z-index:2;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.3);pointer-events:none}\n.tip{position:absolute;z-index:3;top:8px;margin-left:14px;min-width:190px;padding:10px 12px;border-radius:12px;color:#fff;background:rgba(15,23,42,.94);box-shadow:0 8px 22px rgba(0,0,0,.25);font-size:.74rem;pointer-events:none}\n.tip.flip{margin-left:0;transform:translateX(calc(-100% - 14px))}\n.tt{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.15);font-weight:700}\n.tr{display:flex;align-items:center;gap:7px;padding:2px 0}\n.tr i{width:9px;height:9px;border-radius:50%}.tr b{margin-left:auto;padding-left:14px}\n.xaxis{position:relative;grid-column:2;border-top:1px solid #cbd5e1}\n.xaxis span{position:absolute;top:8px;color:#64748b;font-size:.66rem;white-space:nowrap;transform:translateX(-50%)}\n.xaxis span.first{transform:none}.xaxis span.last{transform:translateX(-100%)}\n.rings{display:flex;justify-content:space-around;margin-bottom:14px}\n.ring-item{display:flex;flex-direction:column;align-items:center;gap:3px}\n.ring-item span{font-size:.74rem;font-weight:750}.ring-item small{color:#94a3b8;font-size:.64rem}\n.mini-ring{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:conic-gradient(var(--c) var(--a),#e2e8f0 0)}\n.mini-ring b{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#fff;font-size:.9rem}\n.cmp{display:grid;grid-template-columns:120px 1fr 74px;gap:10px;align-items:center;margin-bottom:9px}\n.cmp .lbl{font-size:.72rem;color:#475569}\n.cmp-bars{display:flex;flex-direction:column;gap:3px}\n.cmp-bars .bar{height:9px}.cmp-bars .bar.y i{opacity:.35}\n.cmp-val{text-align:right}.cmp-val b,.cmp-val small{display:block}.cmp-val b{font-size:.78rem}.cmp-val small{color:#94a3b8;font-size:.64rem}\n.msgs{display:flex;flex-direction:column;gap:6px}\n.msg{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:11px;font-size:.76rem}\n.msg.alarm{color:#991b1b;background:#fee2e2}.msg.warning{color:#92400e;background:#fef3c7}.msg.fault{color:#6b21a8;background:#f3e8ff}\n.allclear{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;color:#166534;background:#dcfce7;font-size:.8rem}\n.panel h4{margin:16px 0 8px;font-size:.78rem;color:#475569}\n.blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:6px}\n.blk{padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}\n.blk span,.blk small{display:block;color:#64748b;font-size:.62rem}.blk b{font-size:.74rem;color:#16a34a}\n.blk.stale{background:#fef2f2;border-color:#fecaca}.blk.stale b{color:#dc2626}\n.log{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:.7rem}\n.log em{padding:2px 7px;border-radius:7px;font-style:normal;font-weight:750}\n.log em.ok{color:#166534;background:#dcfce7}.log em.bad{color:#991b1b;background:#fee2e2}\n.log span{overflow:hidden;color:#475569;text-overflow:ellipsis;white-space:nowrap}.log small{color:#94a3b8}\n.control{margin-bottom:12px}\n.armbtn{display:flex;align-items:center;gap:6px;padding:9px 13px;border:0;border-radius:12px;color:#475569;background:#f1f5f9;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}\n.armbtn.armed{color:#fff;background:#ea580c}\n.warnbox{display:flex;align-items:flex-start;gap:8px;margin:0 0 14px;padding:10px 12px;border-radius:12px;color:#92400e;background:#fffbeb;font-size:.74rem}\n.cards{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:12px;transition:opacity .2s,filter .2s}\n.cards.locked{opacity:.45;filter:grayscale(.8)}\n.cards.locked input,.cards.locked .seg{pointer-events:none}\n.ccard{display:flex;flex-direction:column;gap:8px;padding:15px;border:1px solid #e2e8f0;border-radius:16px;background:#fbfdfe}\n.ccard h3{display:flex;align-items:center;gap:8px;margin:0;font-size:.9rem}\n.state{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:10px;color:#475569;background:#f1f5f9;font-size:.7rem}\n.state i{width:8px;height:8px;border-radius:50%;background:#94a3b8}\n.state.on{color:#9a3412;background:#ffedd5}.state.on i{background:#ea580c;animation:aePulse 2s infinite}\n.ccard label{display:flex;flex-direction:column;gap:4px;color:#64748b;font-size:.68rem}\n.inp{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:10px;background:#fff;overflow:hidden}\n.inp input{flex:1;min-width:0;padding:8px 10px;border:0;outline:0;font:inherit;font-size:.86rem}\n.inp em{padding:0 10px;color:#94a3b8;font-style:normal;font-size:.74rem}\n.btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}\n.btns button,.ghost{display:flex;flex:1;align-items:center;justify-content:center;gap:5px;padding:10px 12px;border:0;border-radius:11px;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}\n.primary{color:#fff;background:var(--teal)}.danger{color:#fff;background:#dc2626}\n.ghost{color:#475569;background:#f1f5f9}.ghost.small{flex:0;padding:7px 10px;font-size:.7rem}\nbutton:disabled{opacity:.45;cursor:default}\n.big-val{font-size:2rem;font-weight:850;text-align:center}\n.range{width:100%;accent-color:#0f766e}\n.range-scale{display:flex;justify-content:space-between;color:#94a3b8;font-size:.62rem}\n.slots{display:grid;grid-template-columns:1fr 1fr;gap:8px}\n.slot{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:6px;padding:8px;border-radius:10px;font-size:.68rem}\n.slot.c{background:#ecfdf5}.slot.d{background:#fff7ed}\n.slot span{font-weight:800;color:#475569}.slot em{color:#94a3b8;font-style:normal}\n.slot input{min-width:0;padding:5px;border:1px solid #cbd5e1;border-radius:7px;font:inherit;font-size:.74rem}\n.timeline{position:relative;height:16px;border-radius:8px;background:#f1f5f9;overflow:hidden}\n.timeline i{position:absolute;top:0;bottom:0}.timeline i.c{background:#4ade80}.timeline i.d{background:#fb923c;opacity:.85}\n.timeline .now{position:absolute;top:0;bottom:0;width:2px;background:#0f172a}\n.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}\n.four button{font-size:.7rem}\n.raw{max-height:420px;margin-top:12px;padding:12px;overflow:auto;border-radius:12px;color:#cbd5e1;background:#0f172a;font-size:.68rem}\n.toast{position:fixed;right:20px;bottom:20px;z-index:2100;display:flex;align-items:center;gap:8px;max-width:460px;padding:12px 16px;border-radius:14px;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.25);font-size:.82rem}\n.toast.ok{background:#15803d}.toast.err{background:#b91c1c}\n@media(max-width:1150px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.cards{grid-template-columns:1fr 1fr}.ccard.wide{grid-column:1/-1}.kv.four{grid-template-columns:repeat(3,minmax(0,1fr))}}\n@media(max-width:900px){.r-flow,.r-two{grid-template-columns:1fr}}\n@media(max-width:620px){\n  .kpis{grid-template-columns:1fr 1fr}.kpi.aut{grid-column:1/-1}\n  .cards,.slots,.kv.three,.kv.four{grid-template-columns:1fr}\n  .soc-wrap{grid-template-columns:1fr;justify-items:center}\n  .node{width:92px;padding:6px 4px}.node b{font-size:.82rem}.hub{width:52px;height:52px}\n  .cgrid{grid-template-columns:44px 1fr 32px;grid-template-rows:200px 34px}\n  .legend .hint{display:none}.cmp{grid-template-columns:90px 1fr 64px}\n}\n</style>",
    "storeOutMessages": true,
    "passthru": false,
    "resendOnRefresh": true,
    "templateScope": "local",
    "className": "",
    "x": 1430,
    "y": 150,
    "wires": [
      [
        "e600000000000052"
      ]
    ]
  },
  {
    "id": "e600000000000052",
    "type": "function",
    "z": "e600000000000001",
    "name": "Befehl prüfen & senden",
    "func": "/**\n * Befehl prüfen & senden (Sicherheitsprüfung)\n *\n * Eingang vom Dashboard: msg.payload = { action, ... }\n *\n *   action \"read\" | \"readInfo\"                 – nur lesend, immer erlaubt\n *   action \"arm\"          value true|false     – Steuerung 10 min freischalten\n *   action \"dispatch\"     power, soc, duration – Laden (< 0) / Entladen (> 0)\n *   action \"dispatchStop\"\n *   action \"feedIn\"       value 0–100 %\n *   action \"timePeriod\"   flag, chargeCutSoc, upsReserveSoc, charge1/2, discharge1/2\n *\n * Schreibbefehle nur, wenn\n *   - die Steuerung serverseitig freigeschaltet ist (10 Minuten),\n *   - confirm === true (zweistufige Bestätigung im Dashboard),\n *   - alle Werte plausibel sind.\n *\n * Ausgang 1: Befehl an die AlphaESS-Node (topic + payload)\n * Ausgang 2: Trigger für \"Dashboard-Modell erzeugen\"\n *\n * Zusätzlich muss in der AlphaESS-Node \"Allow write access\" aktiv sein.\n */\n\nconst ARM_MS = 10 * 60 * 1000;\n\nconst cmd = msg.payload || {};\nconst now = Date.now();\n\nfunction feedback(ok, de, en) {\n    flow.set(\"alphaFeedback\", { ts: now, ok, de, en });\n    node.status({ fill: ok ? \"green\" : \"red\", shape: \"dot\", text: de });\n}\n\nfunction reject(de, en) {\n    feedback(false, de, en);\n    return [null, { trigger: true }];\n}\n\nfunction send(topic, payload, de, en) {\n    feedback(true, de, en);\n    const out = { topic };\n    if (payload !== undefined) {\n        out.payload = payload;\n    }\n    return [out, { trigger: true }];\n}\n\nconst finite = v => v !== null && v !== \"\" && Number.isFinite(Number(v));\nconst between = (v, a, b) => finite(v) && Number(v) >= a && Number(v) <= b;\nconst isTime = v => typeof v === \"string\" && /^([01]\\d|2[0-3]):[0-5]\\d$/.test(v);\n\n// --------------------------------------------------\n// Lesende Befehle und Freischaltung\n// --------------------------------------------------\n\nif (cmd.action === \"read\" || cmd.action === \"readInfo\") {\n    return send(cmd.action, undefined, \"Daten werden gelesen\", \"Reading data\");\n}\n\nif (cmd.action === \"arm\") {\n    const on = cmd.value === true;\n    flow.set(\"alphaArmedUntil\", on ? now + ARM_MS : 0);\n    feedback(true,\n        on ? \"Steuerung für 10 Minuten freigeschaltet\" : \"Steuerung gesperrt\",\n        on ? \"Controls unlocked for 10 minutes\" : \"Controls locked\");\n    return [null, { trigger: true }];\n}\n\n// --------------------------------------------------\n// Schreibende Befehle: Freischaltung + Bestätigung\n// --------------------------------------------------\n\nconst writeActions = [\"dispatch\", \"dispatchStop\", \"feedIn\", \"timePeriod\"];\n\nif (!writeActions.includes(cmd.action)) {\n    return reject(`Unbekannter Befehl ${cmd.action}`, `Unknown command ${cmd.action}`);\n}\n\nif ((flow.get(\"alphaArmedUntil\") || 0) <= now) {\n    return reject(\"Blockiert: Steuerung ist nicht freigeschaltet\", \"Blocked: controls are locked\");\n}\n\nif (cmd.confirm !== true) {\n    return reject(\"Blockiert: keine Bestätigung\", \"Blocked: not confirmed\");\n}\n\nswitch (cmd.action) {\n\n    case \"dispatchStop\":\n        return send(\"dispatchStop\", undefined, \"Dispatch-Stopp gesendet\", \"Dispatch stop sent\");\n\n    case \"dispatch\": {\n\n        const power = Number(cmd.power);\n\n        if (!finite(cmd.power) || power === 0 || Math.abs(power) > 100000) {\n            return reject(\"Ungültige Dispatch-Leistung\", \"Invalid dispatch power\");\n        }\n        if (!between(cmd.soc, 0, 100)) {\n            return reject(\"Ungültiger Ziel-SOC\", \"Invalid target SOC\");\n        }\n        if (!between(cmd.duration, 10, 86400)) {\n            return reject(\"Ungültige Dauer (10 s – 24 h)\", \"Invalid duration (10 s – 24 h)\");\n        }\n\n        const payload = {\n            power: Math.round(power),\n            soc: Number(cmd.soc),\n            duration: Math.round(Number(cmd.duration)),\n            mode: 2\n        };\n\n        const dir = power < 0 ? \"Laden\" : \"Entladen\";\n        const dirEn = power < 0 ? \"charge\" : \"discharge\";\n\n        return send(\"dispatch\", payload,\n            `Dispatch gesendet: ${dir} ${Math.abs(payload.power)} W bis ${payload.soc} %`,\n            `Dispatch sent: ${dirEn} ${Math.abs(payload.power)} W to ${payload.soc} %`);\n    }\n\n    case \"feedIn\": {\n\n        if (!between(cmd.value, 0, 100)) {\n            return reject(\"Einspeisegrenze muss 0–100 % sein\", \"Feed-in limit must be 0–100 %\");\n        }\n\n        const value = Math.round(Number(cmd.value));\n\n        return send(\"feedIn\", value,\n            `Einspeisegrenze ${value} % gesendet`,\n            `Feed-in limit ${value} % sent`);\n    }\n\n    case \"timePeriod\": {\n\n        if (![0, 1, 2, 3].includes(Number(cmd.flag))) {\n            return reject(\"Ungültige Zeitfenster-Betriebsart\", \"Invalid time-period mode\");\n        }\n        if (!between(cmd.chargeCutSoc, 0, 100) || !between(cmd.upsReserveSoc, 0, 100)) {\n            return reject(\"SOC-Werte müssen 0–100 % sein\", \"SOC values must be 0–100 %\");\n        }\n\n        const payload = {\n            flag: Number(cmd.flag),\n            chargeCutSoc: Number(cmd.chargeCutSoc),\n            upsReserveSoc: Number(cmd.upsReserveSoc)\n        };\n\n        for (const key of [\"charge1\", \"charge2\", \"discharge1\", \"discharge2\"]) {\n\n            const slot = cmd[key];\n\n            if (!slot || !isTime(slot.start) || !isTime(slot.stop)) {\n                return reject(\"Zeiten müssen HH:MM sein\", \"Times must use HH:MM\");\n            }\n\n            payload[key] = { start: slot.start, stop: slot.stop };\n        }\n\n        return send(\"timePeriod\", payload, \"Zeitfenster gesendet\", \"Time periods sent\");\n    }\n}\n\nreturn reject(\"Unbekannter Fehler\", \"Unknown error\");",
    "outputs": 2,
    "timeout": 0,
    "noerr": 0,
    "initialize": "",
    "finalize": "",
    "libs": [],
    "outputLabels": [
      "→ AlphaESS-Node",
      "Dashboard aktualisieren"
    ],
    "x": 900,
    "y": 380,
    "wires": [
      [
        "e60000000004000"
      ],
      [
        "e600000000000051"
      ]
    ]
  },
  {
    "id": "e60000000004000",
    "type": "link out",
    "z": "e600000000000001",
    "name": "Befehl an AlphaESS",
    "mode": "link",
    "links": [
      "e60000000004100"
    ],
    "x": 1140,
    "y": 380,
    "wires": [],
    "l": true
  },
  {
    "id": "e60000000004100",
    "type": "link in",
    "z": "e600000000000001",
    "name": "Dashboard command → AlphaESS",
    "links": [
      "e60000000004000"
    ],
    "x": 1430,
    "y": 380,
    "wires": [
      []
    ],
    "l": true,
    "info": "In den Tab der AlphaESS-Node verschieben und mit deren EINGANG verbinden."
  },
  {
    "id": "e60000000001001",
    "type": "comment",
    "z": "e600000000000001",
    "name": "② Move link-in node to your AlphaESS node and connect it to its input",
    "info": "",
    "x": 1380,
    "y": 330,
    "wires": []
  },
  {
    "id": "e6000000000000b0",
    "type": "ui-base",
    "name": "AlphaESS",
    "path": "/dashboard",
    "appIcon": "",
    "includeClientData": true,
    "acceptsClientConfig": [
      "ui-notification",
      "ui-control"
    ],
    "showPathInSidebar": false,
    "headerContent": "page",
    "navigationStyle": "default",
    "titleBarStyle": "default",
    "showReconnectNotification": true,
    "notificationDisplayTime": 5,
    "showDisconnectNotification": true,
    "allowInstall": false
  },
  {
    "id": "e6000000000000b1",
    "type": "ui-theme",
    "name": "AlphaESS Theme",
    "colors": {
      "surface": "#ffffff",
      "primary": "#0f766e",
      "bgPage": "#eef3f6",
      "groupBg": "#ffffff",
      "groupOutline": "#d8e1e8"
    },
    "sizes": {
      "density": "default",
      "pagePadding": "12px",
      "groupGap": "12px",
      "groupBorderRadius": "18px",
      "widgetGap": "12px"
    }
  }
]