iobroker.eos-admin 7.9.93 → 7.9.96

package/adminWww/js/eos-ems-overview.js

@@ -0,0 +1,140 @@
+(() => {
+    'use strict';
+    const VERSION = 'v96-nexowatt-ems-overview-runtime';
+    const CONTRACT = 'nexowatt-ems-overview-v1';
+    const ROOT_ID = 'eos-ems-overview-runtime';
+    const POLL_MS = 5000;
+    const STALE_MS = 20000;
+    const COLORS = { ok: '#01bc69', info: '#48b9ff', warning: '#ffbd59', error: '#ff5f72' };
+    let timer = 0;
+    let inFlight = false;
+    let destroyed = false;
+
+    const esc = value => String(value ?? '').replace(/[&<>"']/g, character => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[character]));
+    const text = (value, fallback = '') => String(value ?? fallback).replace(/\s+/g, ' ').trim() || fallback;
+    const num = (value, fallback = 0) => Number.isFinite(Number(value)) ? Number(value) : fallback;
+    const parse = (value, fallback) => {
+        if (value && typeof value === 'object') return value;
+        try { return JSON.parse(String(value ?? '')); } catch (_) { return fallback; }
+    };
+    const severity = value => {
+        const normalized = String(value || '').toLowerCase();
+        if (normalized === 'error') return 'error';
+        if (normalized === 'warning' || normalized === 'warn') return 'warning';
+        if (normalized === 'ok') return 'ok';
+        return 'info';
+    };
+    const currentTab = () => String(location.hash || '').match(/tab-[a-z0-9_-]+/i)?.[0]?.toLowerCase() || 'tab-intro';
+    const currentRole = () => String(window.NEXOWATT_EOS_ACCESS_ROLE || 'admin').toLowerCase();
+    const technical = () => ['admin', 'service', 'installer', 'installateur'].includes(currentRole());
+    const formatPower = value => {
+        const watts = num(value); const absolute = Math.abs(watts); const sign = watts < 0 ? '−' : '';
+        return absolute >= 1000 ? `${sign}${(absolute / 1000).toLocaleString('de-DE', { minimumFractionDigits: 1, maximumFractionDigits: 2 })} kW` : `${sign}${Math.round(absolute).toLocaleString('de-DE')} W`;
+    };
+    const formatAge = timestamp => {
+        const value = num(timestamp); if (!value) return 'noch kein Regeltick';
+        const seconds = Math.max(0, Math.round((Date.now() - value) / 1000));
+        if (seconds < 2) return 'gerade eben';
+        if (seconds < 60) return `vor ${seconds} s`;
+        return `vor ${Math.round(seconds / 60)} min`;
+    };
+    const formatClock = timestamp => {
+        const value = num(timestamp); if (!value) return '—';
+        try { return new Date(value).toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit', second: '2-digit' }); } catch (_) { return '—'; }
+    };
+    const getSocket = () => window.NEXOWATT_EOS_ADMIN_SOCKET || window.NEXOWATT_EOS_SOCKET || null;
+    const stateVal = (states, id) => states?.[id]?.val;
+
+    const normalizeInstances = (states, aliveStates) => {
+        const prefixes = new Set();
+        Object.keys(states || {}).forEach(id => { const match = id.match(/^(nexowatt-ui\.\d+)\.info\.adminOverview\./); if (match) prefixes.add(match[1]); });
+        return Array.from(prefixes).map(instance => {
+            const summaryId = `${instance}.info.adminOverview.summaryJson`;
+            const summary = parse(stateVal(states, summaryId), {});
+            const events = parse(stateVal(states, `${instance}.info.adminOverview.eventsJson`), []);
+            const updatedAt = Math.max(num(summary.updatedAt), num(summary.generatedAt), num(stateVal(states, `${instance}.info.adminOverview.updatedAt`)), num(states?.[summaryId]?.ts));
+            const rawAlive = stateVal(aliveStates, `system.adapter.${instance}.alive`);
+            const alive = rawAlive == null ? null : (rawAlive === true || rawAlive === 1 || ['true', '1', 'online', 'active'].includes(String(rawAlive).toLowerCase()));
+            return { instance, alive, summary: { ...summary, status: severity(summary.status || stateVal(states, `${instance}.info.adminOverview.status`)), headline: text(summary.headline || stateVal(states, `${instance}.info.adminOverview.headline`), 'EMS-Diagnose wird aufgebaut'), reason: text(summary.reason || stateVal(states, `${instance}.info.adminOverview.reason`), ''), binding: text(summary.binding || stateVal(states, `${instance}.info.adminOverview.binding`), 'none') }, events: Array.isArray(events) ? events : [], updatedAt };
+        }).sort((a, b) => Number(b.alive === true) - Number(a.alive === true) || b.updatedAt - a.updatedAt || a.instance.localeCompare(b.instance));
+    };
+
+    const ensureRoot = () => {
+        const reactCard = document.querySelector(`[data-nexowatt-contract="${CONTRACT}"]:not(#${ROOT_ID})`);
+        if (reactCard) { document.getElementById(ROOT_ID)?.remove(); return null; }
+        const paper = document.getElementById('app-paper');
+        if (!paper || currentTab() !== 'tab-intro') return null;
+        let root = document.getElementById(ROOT_ID);
+        if (!root) {
+            root = document.createElement('section');
+            root.id = ROOT_ID;
+            root.className = 'eos-ems-overview-card';
+            root.dataset.nexowattContract = CONTRACT;
+        }
+        const hero = document.getElementById('eos-native-overview-hero');
+        if (hero?.parentElement === paper) paper.insertBefore(root, hero.nextSibling); else paper.insertBefore(root, paper.firstChild || null);
+        return root;
+    };
+
+    const unavailable = message => {
+        const root = ensureRoot(); if (!root) return;
+        root.style.setProperty('--eos-ems-status-color', COLORS.info);
+        root.innerHTML = `<header class="eos-ems-overview-header"><div><span class="eos-ems-overview-eyebrow">NexoWatt EMS</span><h2>Live-Diagnose</h2><p>${esc(message)}</p></div><div class="eos-ems-overview-state"><span class="eos-ems-overview-state-dot"></span><strong>Nicht verfügbar</strong><small>read-only</small></div></header><footer class="eos-ems-overview-footer"><span>Die Kachel liest ausschließlich info.adminOverview.*.</span><span>Keine EMS-Regelung wurde verändert.</span></footer>`;
+    };
+
+    const fallbackDecisions = summary => {
+        const result = []; const charging = summary.charging || {}; const storage = summary.storage || {};
+        if (charging.available) result.push({ severity: num(charging.faultCount) > 0 ? 'error' : num(charging.waitingCount) > 0 ? 'info' : 'ok', title: `${num(charging.activeCount)} lädt · ${num(charging.waitingCount)} wartet · ${num(charging.faultCount)} gestört`, reason: text(charging.limiterText || charging.status, 'Lademanagement aktiv'), details: `Ist ${formatPower(charging.actualW)} · Soll ${formatPower(charging.targetW)}` });
+        if (storage.available) result.push({ severity: storage.writeOk === false ? 'error' : 'ok', title: `Speicher ${text(storage.topology, 'aktiv')}${storage.socPct != null ? ` · SoC ${Math.round(num(storage.socPct))} %` : ''}`, reason: text(storage.reason, 'Speicherregelung aktiv'), details: `Ist ${formatPower(storage.actualW)} · Soll ${formatPower(storage.targetW)}` });
+        return result;
+    };
+
+    const render = data => {
+        const root = ensureRoot(); if (!root) return;
+        const summary = data.summary || {}; const budget = summary.budget || {}; const charging = summary.charging || {}; const storage = summary.storage || {}; const ems = summary.ems || {}; const para14a = summary.para14a || {}; const tariff = summary.tariff || {}; const forecast = summary.forecast || {}; const peak = summary.peakShaving || {};
+        const stale = data.alive === false || !data.updatedAt || Date.now() - data.updatedAt > STALE_MS;
+        const status = stale ? 'error' : severity(summary.status); const statusColor = COLORS[status]; root.style.setProperty('--eos-ems-status-color', statusColor);
+        const totalBudget = Math.max(0, num(budget.totalW)); const remaining = Math.max(0, num(budget.remainingW)); const percent = totalBudget > 0 ? Math.max(0, Math.min(100, remaining / totalBudget * 100)) : 0;
+        const isTechnical = technical(); const decisions = (Array.isArray(summary.currentDecisions) ? summary.currentDecisions : fallbackDecisions(summary)).slice(0, isTechnical ? 5 : 2); const events = isTechnical ? data.events.slice(0, 6) : [];
+        const tags = [];
+        if (text(summary.binding, 'none') !== 'none') tags.push({ label: `Bindend: ${text(budget.bindingText || summary.binding)}`, warning: true });
+        if (para14a.communicationFallbackActive) tags.push({ label: `§14a-Fallback ${formatPower(para14a.fallbackCapW)}`, warning: true }); else if (para14a.binding) tags.push({ label: '§14a begrenzt', warning: true });
+        if (peak.active) tags.push({ label: `Peak-Shaving: ${text(peak.status, 'aktiv')}`, warning: true });
+        if (tariff.available) tags.push({ label: `Tarif: ${text(tariff.state, 'aktiv')}${tariff.priceEurPerKwh != null ? ` · ${num(tariff.priceEurPerKwh).toFixed(3)} €/kWh` : ''}` });
+        if (forecast.available) tags.push({ label: `Prognose: ${text(forecast.source, 'aktiv')}${forecast.fresh === false ? ' · veraltet' : ''}`, warning: forecast.fresh === false });
+        if (ems.safetyActive || ems.safetyEmergencyStop || ems.safetyValid === false) tags.push({ label: 'EOS Safety aktiv', warning: true });
+        const detailsPort = Math.max(1, num(summary.details?.port, 8188)); const detailsPath = text(summary.details?.path, '/ems-apps.html?tab=status'); const detailsUrl = `${location.protocol}//${location.hostname}:${detailsPort}${detailsPath.startsWith('/') ? detailsPath : `/${detailsPath}`}`;
+        const metrics = `<div class="eos-ems-overview-metric"><span>EMS-Budget</span><strong>${totalBudget > 0 ? esc(formatPower(totalBudget)) : 'nicht begrenzt'}</strong><small>Rest ${esc(formatPower(remaining))}</small></div><div class="eos-ems-overview-metric"><span>Lademanagement</span><strong>${esc(formatPower(charging.actualW))} / ${esc(formatPower(charging.targetW))}</strong><small>${num(charging.activeCount)} lädt · ${num(charging.waitingCount)} wartet</small></div>${storage.available ? `<div class="eos-ems-overview-metric"><span>Speicher ${esc(text(storage.topology))}</span><strong>${esc(formatPower(storage.actualW))} / ${esc(formatPower(storage.targetW))}</strong><small>${storage.socPct != null ? `SoC ${Math.round(num(storage.socPct))} %` : esc(text(storage.reason, 'aktiv'))}</small></div>` : `<div class="eos-ems-overview-metric"><span>PV-Budget</span><strong>${esc(formatPower(budget.pvBudgetW))}</strong><small>PV-Rest ${esc(formatPower(budget.remainingPvW))}</small></div>`}<div class="eos-ems-overview-metric"><span>Letzter Regeltick</span><strong>${esc(formatAge(ems.lastTickTs || data.updatedAt))}</strong><small>${isTechnical ? `Zyklus ${num(ems.cycleMs)} ms` : esc(text(ems.decision, 'EMS aktiv'))}</small></div>`;
+        const decisionsHtml = decisions.length ? decisions.map(item => `<div class="eos-ems-overview-decision eos-ems-overview-decision--${severity(item.severity)}"><strong>${esc(text(item.title, 'EMS-Entscheidung'))}</strong><span>${esc(text(item.reason, 'Keine zusätzliche Begrenzung'))}</span>${isTechnical && item.details ? `<small>${esc(item.details)}</small>` : ''}</div>`).join('') : '<div class="eos-ems-overview-empty">Keine aktiven Regelentscheidungen. EOS arbeitet mit den aktuellen Messwerten.</div>';
+        const eventsHtml = isTechnical ? (events.length ? events.map(item => `<div class="eos-ems-overview-event eos-ems-overview-event--${severity(item.severity)}"><time>${esc(formatClock(item.ts))}</time><div><strong>${esc(text(item.title, 'EMS'))}</strong><span>${esc(text(item.message || item.reason, 'Zustand aktualisiert'))}</span></div></div>`).join('') : '<div class="eos-ems-overview-empty">Noch keine Zustandsänderung im begrenzten Ereignispuffer.</div>') : `<div class="eos-ems-overview-decision eos-ems-overview-decision--info"><strong>${esc(text(summary.headline, 'EMS aktiv'))}</strong><span>${esc(text(summary.reason, 'EOS optimiert die Anlage innerhalb aller Sicherheitsgrenzen.'))}</span></div>`;
+        root.innerHTML = `<header class="eos-ems-overview-header"><div><span class="eos-ems-overview-eyebrow">NexoWatt EMS · Live-Diagnose</span><h2>${esc(stale ? 'EMS-Diagnose ist nicht aktuell' : text(summary.headline, 'EMS arbeitet normal'))}</h2><p>${esc(stale ? 'Adapter oder Diagnosewerte sind älter als 20 Sekunden. Die Werte werden als veraltet markiert.' : text(summary.reason, 'EMS arbeitet innerhalb aller aktiven Grenzen.'))}</p></div><div class="eos-ems-overview-state"><span class="eos-ems-overview-state-dot"></span><strong>${stale ? 'Offline / veraltet' : ({ok:'Normal',info:'Information',warning:'Begrenzt',error:'Störung'}[status])}</strong><small>${esc(data.instance)} · ${esc(formatAge(data.updatedAt))}</small></div></header><div class="eos-ems-overview-metrics">${metrics}</div>${totalBudget > 0 ? `<div class="eos-ems-overview-budget" title="${percent.toFixed(1)} % Restbudget"><span style="width:${percent}%"></span></div>` : ''}${tags.length ? `<div class="eos-ems-overview-tags">${tags.map(tag => `<span class="${tag.warning ? 'is-warning' : ''}">${esc(tag.label)}</span>`).join('')}</div>` : ''}<div class="eos-ems-overview-columns"><div class="eos-ems-overview-panel"><h3>Aktuelle Regelentscheidungen</h3>${decisionsHtml}</div><div class="eos-ems-overview-panel"><h3>${isTechnical ? 'Letzte EMS-Ereignisse' : 'Systemerklärung'}</h3>${eventsHtml}</div></div><footer class="eos-ems-overview-footer"><span>Diagnose ist rein lesend. Keine Kachel besitzt Schreibhoheit.</span><a href="${esc(detailsUrl)}" target="_blank" rel="noreferrer">Vollständige EMS-Diagnose öffnen ↗</a></footer>`;
+    };
+
+    const load = async () => {
+        if (destroyed || inFlight || document.visibilityState === 'hidden' || currentTab() !== 'tab-intro') return;
+        const socket = getSocket();
+        if (!socket?.getForeignStates) { unavailable('Die Admin-Verbindung wird noch aufgebaut.'); return; }
+        inFlight = true;
+        try {
+            const [states, alive] = await Promise.all([socket.getForeignStates('nexowatt-ui.*.info.adminOverview.*'), socket.getForeignStates('system.adapter.nexowatt-ui.*.alive')]);
+            const instances = normalizeInstances(states || {}, alive || {});
+            if (instances.length) render(instances[0]); else unavailable('NexoWatt UI ist nicht installiert, offline oder der Diagnosevertrag info.adminOverview.* fehlt.');
+        } catch (error) { unavailable(`EMS-Diagnose konnte nicht gelesen werden: ${text(error?.message || error, 'unbekannter Fehler')}`); }
+        finally { inFlight = false; }
+    };
+
+    const apply = () => {
+        document.getElementById('eos-role-safe-overview')?.remove();
+        document.documentElement.classList.remove('eos-safe-overview-active');
+        if (currentTab() !== 'tab-intro') { document.getElementById(ROOT_ID)?.remove(); return; }
+        ensureRoot(); void load();
+    };
+    const start = () => {
+        apply();
+        timer = window.setInterval(apply, POLL_MS);
+        window.addEventListener('hashchange', apply);
+        document.addEventListener('visibilitychange', apply);
+    };
+    document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', start, { once: true }) : start();
+    window.NEXOWATT_EOS_EMS_OVERVIEW = Object.freeze({ version: VERSION, contract: CONTRACT, refresh: apply, destroy() { destroyed = true; if (timer) clearInterval(timer); document.getElementById(ROOT_ID)?.remove(); } });
+})();

package/adminWww/js/eos-native-security.js

@@ -1,7 +1,7 @@
 (() => {
     'use strict';
 
-    const VERSION = 'v93-product-role-access';
+    const VERSION = 'v91-product-role-access';
     const protectedAdapters = new Set([
         'admin', 'eos-admin', 'backitup', 'nexowatt-devices', 'nexowatt-device', 'nexowatt-dev', 'nexowatt-ui',
     ]);

package/adminWww/js/eos-policy-client.js

@@ -1,7 +1,7 @@
 (() => {
     'use strict';
 
-    const VERSION = 'v93-role-access';
+    const VERSION = 'v91-role-access';
     const existing = window.NEXOWATT_EOS_POLICY_CLIENT;
     if (existing?.version === VERSION) return;
     existing?.destroy?.();

package/adminWww/js/eos-role-bootstrap.js

@@ -1,7 +1,7 @@
 (() => {
     'use strict';
 
-    const VERSION = 'v93-final-first-login-submit-guard';
+    const VERSION = 'v96-first-login-password-native-overview';
     const script = document.currentScript || document.querySelector('script[src*="eos-role-bootstrap.js"]');
     const entry = script?.dataset?.eosEntry || '';
     let launched = false;
@@ -172,7 +172,7 @@
         overlay.querySelector('.eos-first-login-submit').textContent = t.submit;
         overlay.querySelector('.eos-first-login-logout').textContent = t.logout;
         const form = overlay.querySelector('form');
-        form.elements.username.value = claim.userName || 'guest';
+        form.elements.username.value = userName;
         const password = form.elements.password;
         const repeat = form.elements.passwordRepeat;
         const show = form.elements.show;
@@ -500,7 +500,7 @@
             const { username, password, card, submit } = loginElements();
             if (!username || !password || !card) return;
             card.classList.add('eos-login-card-modern');
-            // v93 compact normal-login first activation: do not add role buttons or a second panel.
+            // v96 compact normal-login first activation: do not add role buttons or a second panel.
             // The account is entered in the existing Loginname field; a blank password is accepted only
             // after the backend confirms that this exact managed account is eligible.
             card.querySelectorAll('.eos-login-role-selector').forEach(element => element.remove());
@@ -631,7 +631,7 @@
 
     const contextUrl = new URL('nexowatt/security/context', base).href;
     const controller = new AbortController();
-    const timeout = window.setTimeout(() => controller.abort(), 3500);
+    const timeout = window.setTimeout(() => controller.abort(), 8000);
 
     window.NEXOWATT_EOS_BOOTSTRAP_READY = fetch(contextUrl, {
         credentials: 'same-origin', cache: 'no-store', headers: { Accept: 'application/json' }, signal: controller.signal,

package/adminWww/js/eos-role-ui.js

@@ -1,7 +1,7 @@
 (() => {
     'use strict';
 
-    const VERSION = 'v93-final-clickable-overview-live-reserve-filter';
+    const VERSION = 'v96-native-overview-ems-live-reserve-filter';
     window.NEXOWATT_EOS_ROLE_UI_VERSION = VERSION;
 
     const state = {
@@ -251,47 +251,43 @@
             if (/permissionerror|cannot get data/i.test(node.textContent || '')) node.classList.add('eos-role-hidden');
         });
     };
-    const ensureSafeOverview = () => safe(() => {
-        if (isLoginView() || state.role === 'admin' || state.role === 'unknown' || currentRoute() !== 'tab-intro') {
-            removeSafeOverview();
-            return;
+    const updateNativeOverviewRole = () => {
+        if (isLoginView() || currentRoute() !== 'tab-intro') return;
+        const config = state.role === 'admin'
+            ? { label: 'Admin / Service', text: 'Systemstatus, Module, Dienste und Anlagenzugänge in einer modernen Serviceübersicht.' }
+            : state.role === 'installer'
+                ? { label: 'Installateur', text: 'Inbetriebnahme, Fehlersuche, Geräte- und EMS-Diagnose – mit deinen freigegebenen Installateurrechten.' }
+                : { label: 'Endkunde', text: 'Energie, Laden, Gebäude und die aktuellen EMS-Entscheidungen auf einen Blick.' };
+        const hero = document.getElementById('eos-native-overview-hero');
+        const description = hero?.querySelector('p');
+        const role = hero?.querySelector('.eos-overview-role');
+        if (description) description.textContent = config.text;
+        if (role) {
+            role.innerHTML = '<span class="eos-overview-status-dot"></span>';
+            role.append(document.createTextNode(config.label));
+            role.setAttribute('data-nexowatt-overview-role', state.role);
         }
+    };
+    const hideIntroEditControls = () => {
         const paper = appPaper();
         if (!paper) return;
-        document.documentElement.classList.add('eos-safe-overview-active');
-        suppressPermissionErrors();
-        let overview = document.getElementById('eos-role-safe-overview');
-        if (!overview) {
-            overview = document.createElement('section');
-            overview.id = 'eos-role-safe-overview';
-            overview.className = 'eos-role-safe-overview';
-            paper.appendChild(overview);
-        }
-        const installer = state.role === 'installer';
-        const actions = actionDefinitions(state.role).filter(([, , tab]) => tab === 'basic-settings' || isRouteAllowed(state.role, tab));
-        overview.innerHTML = `
-            <header class="eos-overview-hero eos-role-overview-hero">
-                <div><span class="eos-overview-eyebrow">NexoWatt EOS</span><h1>Übersicht</h1><p>${installer ? 'Inbetriebnahme, Fehlersuche und Anlagenkonfiguration – passend zu deinen Installateurrechten.' : 'Deine freigegebenen Energie-, Smart-Home- und Sicherungsfunktionen.'}</p></div>
-                <div class="eos-overview-role"><span class="eos-overview-status-dot"></span>${installer ? 'Installateur' : 'Gast / Endkunde'}</div>
-            </header>
-            <div class="eos-overview-grid">${actions.map(([label, description, tab, icon]) => `
-                <a class="eos-overview-action" data-eos-role-tab="${tab}" href="${tab === 'basic-settings' ? '#tab-intro' : `#${tab}`}">
-                    <span class="eos-overview-action-icon" aria-hidden="true">${iconFor(icon)}</span>
-                    <span><strong>${label}</strong><small>${description}</small></span><i aria-hidden="true">›</i>
-                </a>`).join('')}</div>`;
-        overview.querySelectorAll('a[data-eos-role-tab]').forEach(link => {
-            link.addEventListener('click', event => {
-                event.preventDefault();
-                event.stopPropagation();
-                const targetTab = link.getAttribute('data-eos-role-tab') || '';
-                if (targetTab) navigateToTab(targetTab, link.textContent || '');
-            });
-            link.addEventListener('keydown', event => {
-                if (event.key !== 'Enter' && event.key !== ' ') return;
-                event.preventDefault();
-                navigateToTab(link.getAttribute('data-eos-role-tab') || '', link.textContent || '');
-            });
+        const admin = state.role === 'admin';
+        paper.querySelectorAll(':scope > .MuiFab-root,:scope > button.MuiFab-root').forEach(button => {
+            button.classList.toggle('eos-intro-admin-edit-hidden', !admin);
+            if (!admin) button.setAttribute('aria-hidden', 'true'); else button.removeAttribute('aria-hidden');
         });
+    };
+    const ensureSafeOverview = () => safe(() => {
+        // 7.9.96: never cover the real Admin Intro with a second tile surface.
+        // Installer and end-user use the native card component; security remains
+        // enforced by route/instance filters and backend permissions.
+        removeSafeOverview();
+        if (isLoginView() || state.role === 'unknown' || currentRoute() !== 'tab-intro') return;
+        suppressPermissionErrors();
+        updateNativeOverviewRole();
+        hideIntroEditControls();
+        window.NEXOWATT_NATIVE_SHELL?.refresh?.();
+        window.NEXOWATT_EOS_EMS_OVERVIEW?.refresh?.();
     });
 
     const hideOfficialReserveSurfaces = () => safe(() => {

package/adminWww/js/nexowatt-native-shell.js

@@ -1,7 +1,7 @@
 (() => {
     'use strict';
 
-    const VERSION = 'v93-nexowatt-native-shell-modern-overview';
+    const VERSION = 'v96-nexowatt-native-shell-native-overview';
     const previous = window.NEXOWATT_NATIVE_SHELL;
     if (previous?.version === VERSION) return;
     previous?.destroy?.();
@@ -148,21 +148,26 @@
 
     const ensureModernOverview = () => {
         const paper = document.getElementById('app-paper');
-        const role = window.NEXOWATT_EOS_ACCESS_ROLE || 'unknown';
-        if (!paper || isLogin() || currentTab() !== 'tab-intro' || role !== 'admin') {
+        const role = String(window.NEXOWATT_EOS_ACCESS_ROLE || 'unknown').toLowerCase();
+        if (!paper || isLogin() || currentTab() !== 'tab-intro' || role === 'unknown') {
             document.getElementById('eos-native-overview-hero')?.remove();
             return;
         }
+        const config = role === 'admin'
+            ? { label: 'Admin / Service', text: 'Systemstatus, Module, Dienste und Anlagenzugänge in einer modernen Serviceübersicht.' }
+            : role === 'installer' || role === 'installateur'
+                ? { label: 'Installateur', text: 'Inbetriebnahme, Fehlersuche, Geräte- und EMS-Diagnose – mit deinen freigegebenen Installateurrechten.' }
+                : { label: 'Endkunde', text: 'Energie, Laden, Gebäude und die aktuellen EMS-Entscheidungen auf einen Blick.' };
         let hero = document.getElementById('eos-native-overview-hero');
         if (!hero) {
             hero = document.createElement('section');
             hero.id = 'eos-native-overview-hero';
             hero.className = 'eos-overview-hero eos-native-overview-hero';
-            hero.innerHTML = `
-                <div><span class="eos-overview-eyebrow">NexoWatt EOS</span><h1>Übersicht</h1><p>Systemstatus, Module, Dienste und Anlagenzugänge in einer modernen Serviceübersicht.</p></div>
-                <div class="eos-overview-role"><span class="eos-overview-status-dot"></span>Admin / Service</div>`;
             paper.insertBefore(hero, paper.firstChild || null);
         }
+        hero.innerHTML = `
+            <div><span class="eos-overview-eyebrow">NexoWatt EOS</span><h1>Übersicht</h1><p>${config.text}</p></div>
+            <div class="eos-overview-role" data-nexowatt-overview-role="${role}"><span class="eos-overview-status-dot"></span>${config.label}</div>`;
     };
 
     const apply = () => {

package/adminWww/static/js/nexowatt-stable-login.js

@@ -0,0 +1,79 @@
+/* NexoWatt EOS stable runtime v96 */
+(() => {
+  'use strict';
+  const MANAGED_USERS = new Set(['installer', 'guest', 'user']);
+  const ASSIST_TEXT = /EOS\s*Assist/i;
+  const PASSWORDLESS_TEXT = /Erstanmeldung\s+ohne\s+Passwort|first\s+sign-?in\s+without\s+password/i;
+  const isLogin = () => /(?:\?|&)login(?:[=&]|$)/i.test(location.search) || /\/login(?:[/?#]|$)/i.test(location.pathname + location.hash);
+  const visible = el => !!el && el.getClientRects().length > 0;
+  const findInput = kind => {
+    const inputs = [...document.querySelectorAll('input')].filter(visible);
+    if (kind === 'password') return inputs.find(i => i.type === 'password');
+    return inputs.find(i => i.type !== 'password' && /user|login|name/i.test(`${i.name} ${i.id} ${i.autocomplete} ${i.getAttribute('aria-label')||''}`)) || inputs.find(i => i.type !== 'password');
+  };
+  const findSubmit = () => [...document.querySelectorAll('button,input[type="submit"]')].find(el => visible(el) && (/anmelden|login|sign in/i.test((el.textContent||el.value||'').trim()) || el.type === 'submit'));
+  const commonAncestor = (a,b) => {
+    if (!a || !b) return null;
+    const parents = new Set(); let n=a;
+    while(n){parents.add(n);n=n.parentElement;}
+    n=b; while(n&&!parents.has(n))n=n.parentElement;
+    return n;
+  };
+  const markLogin = () => {
+    if (!isLogin()) return;
+    document.documentElement.classList.add('nw-eos-login-v96');
+    document.body?.classList.add('nw-eos-login-v96');
+    const u=findInput('user'), p=findInput('password'), submit=findSubmit();
+    if (u && p) {
+      let card=commonAncestor(u,p);
+      while(card && card.parentElement && card.querySelectorAll('input').length < 2) card=card.parentElement;
+      if (card) {
+        card.setAttribute('data-nw-login-card','true');
+        let outer=card.parentElement;
+        for(let i=0;i<3 && outer?.parentElement;i++){
+          if(outer.getBoundingClientRect().width > card.getBoundingClientRect().width+20) break;
+          outer=outer.parentElement;
+        }
+        outer?.setAttribute('data-nw-login-shell','true');
+      }
+      const sync=()=>{
+        const name=(u.value||'').trim().toLowerCase();
+        const pass=p.value||'';
+        if(submit && MANAGED_USERS.has(name) && !pass){
+          submit.disabled=true;
+          submit.setAttribute('aria-disabled','true');
+        }
+      };
+      if(!u.dataset.nwV96){u.dataset.nwV96='1';u.addEventListener('input',sync);p.addEventListener('input',sync);sync();}
+    }
+  };
+  const hideLegacyUi = () => {
+    for (const el of document.querySelectorAll('button,a,[role="button"],div,span')) {
+      const text=(el.textContent||'').trim();
+      if(!text || text.length>100) continue;
+      if(ASSIST_TEXT.test(text) || PASSWORDLESS_TEXT.test(text)){
+        const target=el.closest('button,a,[role="button"],[data-eos-assist],.eos-assist') || el;
+        target.style.setProperty('display','none','important');
+        target.setAttribute('aria-hidden','true');
+      }
+    }
+  };
+  const apply=()=>{markLogin();hideLegacyUi();};
+  const style=document.createElement('style');
+  style.id='nw-eos-stable-v96-css';
+  style.textContent=`
+    html.nw-eos-login-v96,body.nw-eos-login-v96{min-height:100%;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important}
+    .nw-eos-login-v96 [data-nw-login-shell="true"]{width:min(520px,calc(100vw - 28px))!important;min-height:590px!important;height:auto!important;max-height:none!important;overflow:visible!important;box-sizing:border-box!important;padding:22px!important}
+    .nw-eos-login-v96 [data-nw-login-card="true"]{width:min(460px,calc(100vw - 56px))!important;min-height:540px!important;height:auto!important;max-height:none!important;overflow:visible!important;box-sizing:border-box!important;padding-bottom:26px!important}
+    .nw-eos-login-v96 [data-nw-login-card="true"] *{scrollbar-width:none}
+    .nw-eos-login-v96 [data-nw-login-card="true"] *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
+    .nw-eos-login-v96 [data-nw-login-card="true"] [role="alert"]{position:static!important;max-height:none!important;overflow:visible!important;white-space:normal!important}
+    [data-eos-assist],.eos-assist,.nexowatt-eos-assist{display:none!important}
+    @media(max-height:620px){.nw-eos-login-v96 [data-nw-login-shell="true"]{min-height:0!important;margin:16px auto!important}.nw-eos-login-v96 [data-nw-login-card="true"]{min-height:0!important}}
+  `;
+  (document.head||document.documentElement).appendChild(style);
+  const observer=new MutationObserver(()=>requestAnimationFrame(apply));
+  observer.observe(document.documentElement,{subtree:true,childList:true,attributes:true,attributeFilter:['class','style']});
+  if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',apply,{once:true});else apply();
+  setInterval(apply,1500);
+})();

package/adminWww/static/js/nexowatt-stable-v96.js

@@ -0,0 +1,82 @@
+(() => {
+    'use strict';
+    const VERSION = 'v96-spacious-login-first-password-fix';
+    const MANAGED_USERS = new Set(['installer', 'guest', 'user']);
+    const ASSIST_TEXT = /EOS\s*Assist/i;
+    const normalizeUser = value => String(value || '').trim().toLowerCase().replace(/^system\.user\./, '');
+    const styleId = 'nexowatt-stable-v96-style';
+
+    const ensureStyle = () => {
+        if (document.getElementById(styleId)) return;
+        const style = document.createElement('style');
+        style.id = styleId;
+        style.textContent = `
+            html.eos-login,html.eos-login body{margin:0!important;overflow-x:hidden!important;overflow-y:auto!important}
+            html.eos-login main.MuiPaper-root{box-sizing:border-box!important}
+            html.eos-login main.MuiPaper-root::before{width:min(520px,calc(100vw - 24px))!important;min-height:590px!important;height:min(640px,calc(100dvh - 24px))!important}
+            html.eos-login .eos-login-card-modern,
+            html.eos-login main.MuiPaper-root > .MuiPaper-root:has(#username),
+            html.eos-login main.MuiPaper-root > .MuiPaper-root:has(#password),
+            html.eos-login [data-nw-login-card="true"]{
+                width:min(460px,calc(100vw - 56px))!important;
+                min-height:540px!important;
+                height:auto!important;
+                max-width:460px!important;
+                max-height:none!important;
+                padding:34px 36px 32px!important;
+                overflow:visible!important;
+                box-sizing:border-box!important
+            }
+            html.eos-login .MuiAlert-root,html.eos-login [role="alert"]{position:static!important;width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important;white-space:normal!important;overflow-wrap:anywhere!important;flex-shrink:0!important}
+            html.eos-login .eos-login-card-modern *,html.eos-login [data-nw-login-card="true"] *{box-sizing:border-box;max-width:100%}
+            html.eos-assist-disabled .eos-assist-root,html.eos-assist-disabled .eos-assist-header-root,[data-eos-assist-root]{display:none!important}
+            @media(max-width:560px){html.eos-login .eos-login-card-modern,html.eos-login main.MuiPaper-root > .MuiPaper-root:has(#username),html.eos-login main.MuiPaper-root > .MuiPaper-root:has(#password),html.eos-login [data-nw-login-card="true"]{width:calc(100vw - 38px)!important;max-width:none!important;min-height:0!important;padding:26px 22px!important}}
+            @media(max-height:690px){html.eos-login .eos-login-card-modern,html.eos-login main.MuiPaper-root > .MuiPaper-root:has(#username),html.eos-login main.MuiPaper-root > .MuiPaper-root:has(#password),html.eos-login [data-nw-login-card="true"]{min-height:0!important}}
+        `;
+        document.head.appendChild(style);
+    };
+
+    const findCard = (username, password) => username?.closest?.('.MuiPaper-root,form,main,section')
+        || password?.closest?.('.MuiPaper-root,form,main,section');
+    const findSubmit = card => card?.querySelector?.('button[type="submit"]')
+        || Array.from(card?.querySelectorAll?.('button') || []).find(button => /anmelden|login|sign in|aanmelden/i.test(button.textContent || ''));
+
+    const apply = () => {
+        ensureStyle();
+        document.documentElement.classList.add('eos-assist-disabled');
+        document.querySelectorAll('.eos-assist-root,.eos-assist-header-root,[data-eos-assist-root],.eos-passwordless-launcher')
+            .forEach(element => element.remove());
+        const username = document.querySelector('input#username,input[name="username"]');
+        const password = document.querySelector('input#password,input[name="password"]');
+        const name = normalizeUser(username?.value);
+        const pass = String(password?.value || '');
+        const card = findCard(username, password);
+        const submit = findSubmit(card);
+        if (submit && MANAGED_USERS.has(name) && !pass) {
+            submit.disabled = true;
+            submit.classList.add('Mui-disabled');
+            submit.setAttribute('aria-disabled', 'true');
+        }
+        document.querySelectorAll('body *').forEach(element => {
+            if (element.children.length) return;
+            const value = element.textContent || '';
+            if (/\[iobroker\.eos-admin@[^\]]+\]/i.test(value)) element.textContent = value.replace(/\[iobroker\.eos-admin@[^\]]+\]/ig, '[NexoWatt]');
+            if (ASSIST_TEXT.test(value) && element.closest?.('.eos-assist-root,.eos-assist-header-root')) element.closest('.eos-assist-root,.eos-assist-header-root')?.remove();
+        });
+    };
+
+    let scheduled = false;
+    const schedule = () => {
+        if (scheduled) return;
+        scheduled = true;
+        queueMicrotask(() => { scheduled = false; apply(); });
+    };
+    const start = () => {
+        apply();
+        new MutationObserver(schedule).observe(document.documentElement, { subtree: true, childList: true, characterData: true });
+        document.addEventListener('input', schedule, true);
+        document.addEventListener('change', schedule, true);
+    };
+    document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', start, { once: true }) : start();
+    window.NEXOWATT_EOS_STABLE_V96 = { version: VERSION, refresh: apply };
+})();

package/build/lib/chat/assistantKnowledge.js

@@ -1,6 +1,6 @@
 "use strict";
 /**
- * Curated "wiki" of NexoWatt EOS knowledge that is injected into the assistant's system prompt.
+ * Curated "wiki" of ioBroker how-to knowledge that is injected into the assistant's system prompt.
  *
  * This is meant to grow over time: add a new {@link KnowledgeSection} to {@link KNOWLEDGE_SECTIONS}
  * for each task the assistant should know how to guide the user through. Keep entries short and
@@ -10,21 +10,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.KNOWLEDGE_SECTIONS = void 0;
 exports.renderAssistantKnowledge = renderAssistantKnowledge;
 exports.KNOWLEDGE_SECTIONS = [
-    {
-        title: 'NexoWatt EOS product areas and role-aware support',
-        body: [
-            'EOS Assist can answer questions about the live NexoWatt EOS system: Overview/Cockpit, Modules,',
-            'Services, Datapoints, Structure (rooms/functions), System logs, Access & Rights, NexoWatt EOS',
-            'applications, System hosts, Files and NexoWatt Backup. It can also inspect installed modules,',
-            'running services, object/state metadata, current values, device assignments, logs and history',
-            'through the available read tools. Always query real system data before making a system-specific claim.',
-            'Respect the authenticated role: Admin/Service may receive full system and service detail;',
-            'Installers may receive commissioning and troubleshooting detail available to their account;',
-            'End users receive only their permitted Smart Home, display and operating information.',
-            'Internal package names and compatibility identifiers are technical details; use NexoWatt EOS product',
-            'terminology in normal answers and show technical IDs only when they are required for a precise action.',
-        ].join(' '),
-    },
     {
         title: 'Open an adapter instance configuration',
         body: [
@@ -212,7 +197,7 @@ exports.KNOWLEDGE_SECTIONS = [
     {
         title: 'Run a script in the javascript adapter (run_javascript)',
         body: [
-            'To run logic WITH the full NexoWatt EOS scripting API, use run_javascript (act mode). It sends the',
+            'To run logic WITH the full ioBroker scripting API, use run_javascript (act mode). It sends the',
             'code to the `javascript` adapter and runs it ONCE (not saved), returning { ok, error, output,',
             'logs }. Choose `language` "js" (default) or "ts". Inside the script the usual API is available:',
             '`getState("id").val`, `setState("id", value)`, `on({id, change:"ne"}, …)`, `schedule(...)`,',
@@ -225,10 +210,10 @@ exports.KNOWLEDGE_SECTIONS = [
         ].join('\n'),
     },
     {
-        title: 'Automation options in NexoWatt EOS — pick the right tool',
+        title: 'Automation options in ioBroker — pick the right tool',
         body: [
-            'NexoWatt EOS can automate from simple to fully programmable. IMPORTANT: every option below needs a',
-            'SEPARATE adapter that is NOT part of a default NexoWatt EOS installation — `scenes`, `scheduler`,',
+            'ioBroker can automate from simple to fully programmable. IMPORTANT: every option below needs a',
+            'SEPARATE adapter that is NOT part of a default ioBroker installation — `scenes`, `scheduler`,',
             '`fullcalendar` and `javascript` (which provides Blockly, JavaScript and TypeScript). Before you',
             'recommend or use one, CHECK whether it is installed (list_adapters, and list_instances for a',
             'running instance). If it is missing, tell the user it must be installed first and offer',
@@ -286,7 +271,7 @@ exports.KNOWLEDGE_SECTIONS = [
         ].join('\n'),
     },
     {
-        title: 'NexoWatt EOS JavaScript API (cheat-sheet for scripts and run_javascript)',
+        title: 'ioBroker JavaScript adapter API (cheat-sheet for scripts and run_javascript)',
         body: [
             'When you WRITE a script (for the Scripts tab or for run_javascript), use the ioBroker javascript',
             'API — it is NOT plain Node.js. Key functions:',