iobroker.eos-admin 7.9.29 → 7.9.30

package/adminWww/js/eos-assistant.js

@@ -1,203 +1,6 @@
 (() => {
     'use strict';
-
-    window.NEXOWATT_EOS_ASSIST_VERSION = 'v27-local-setup-guide';
-
-    const ASSET_BASE = (() => {
-        const script = document.currentScript?.src || document.querySelector('script[src*="eos-assistant.js"]')?.src || window.location.href;
-        return new URL('../', script).href;
-    })();
-    const asset = path => new URL(path.replace(/^\.\//, ''), ASSET_BASE).href;
-    const LOGO = asset('img/eos/nexowatt-192.png');
-    const STORE_KEY = 'nexowatt.eos.assist.open';
-    const state = { checked: false, allowed: true };
-
-    const fetchAssistantPolicy = async () => {
-        if (state.checked) return state.allowed;
-        state.checked = true;
-        try {
-            const url = new URL('eos/security/status', ASSET_BASE).href;
-            const response = await fetch(url, { credentials: 'same-origin', cache: 'no-store' });
-            if (!response.ok) return state.allowed;
-            const json = await response.json();
-            const assistant = json.assistant || {};
-            const enabled = assistant.enabled !== false && json.eosAssistantEnabled !== false;
-            const adminOnly = assistant.adminOnly === true || json.eosAssistantAdminOnly === true;
-            const isAdmin = json.isAdmin === true || json.isAdministrator === true || json.isEosAdminGroup === true;
-            state.allowed = enabled && (!adminOnly || isAdmin);
-        } catch {
-            state.allowed = true;
-        }
-        return state.allowed;
-    };
-
-    const normalize = value => String(value || '')
-        .toLowerCase()
-        .normalize('NFD')
-        .replace(/[\u0300-\u036f]/g, '')
-        .replace(/\s+/g, ' ')
-        .trim();
-
-    const route = () => {
-        const hash = window.location.hash || '';
-        const text = normalize(document.body?.innerText || '');
-        if (hash.includes('tab-adapters') || /module|adapter/.test(text.slice(0, 4000))) return 'modules';
-        if (hash.includes('tab-instances') || /dienste|instanzen/.test(text.slice(0, 4000))) return 'services';
-        if (hash.includes('tab-logs') || /systemlogs|protokolle|log-grosse/.test(text.slice(0, 4000))) return 'logs';
-        if (hash.includes('tab-users') || /zugange & rechte|benutzer|rollen/.test(text.slice(0, 4000))) return 'rights';
-        if (hash.includes('tab-objects') || /datenpunkte|objekte/.test(text.slice(0, 4000))) return 'objects';
-        if (hash.includes('tab-hosts') || /system-hosts|hosts/.test(text.slice(0, 4000))) return 'hosts';
-        return 'overview';
-    };
-
-    const contextTitle = () => ({
-        modules: 'Module & Adapter',
-        services: 'Dienste & Instanzen',
-        logs: 'Systemlogs',
-        rights: 'Zugänge & Rechte',
-        objects: 'Datenpunkte',
-        hosts: 'System-Hosts',
-        overview: 'EOS Cockpit',
-    }[route()] || 'EOS Cockpit');
-
-    const routeAdvice = () => ({
-        modules: 'Hier installierst und aktualisierst du Module. Prüfe vor einer Installation immer: Zweck, benötigte Instanzen, Version, Abhängigkeiten und ob das Modul zu den geschützten EOS-Komponenten gehört.',
-        services: 'Hier siehst du laufende Dienste. Wichtig sind Status, Speicherverbrauch, Log-Level und ob eine Instanz automatisch startet. Fehlerhafte Dienste zuerst öffnen, Log prüfen, dann gezielt neu starten.',
-        logs: 'Hier erkennst du die Ursache vieler Probleme. Filtere nach Quelle und Level. Wiederholte Warnungen sind meist wichtiger als einzelne Meldungen.',
-        rights: 'Hier steuerst du Rollen und Benutzer. Installateur- und Endkundenrollen sollten keine geschützten EOS-Systemmodule löschen, stoppen oder aktivieren können.',
-        objects: 'Datenpunkte sind die technische Basis. Ändere Rollen, States und Alias-Strukturen nur bewusst, weil Adapter und Visualisierungen davon abhängen.',
-        hosts: 'Hier prüfst du Systemlast, Node.js, npm, Speicher und laufende Prozesse. Bei Updateproblemen zuerst Host-Status und freien Speicher prüfen.',
-        overview: 'Das Cockpit gibt den Überblick. Starte von hier aus mit Modulen, Diensten, Logs oder Rechten, je nachdem ob du einrichten, prüfen oder absichern möchtest.',
-    }[route()] || 'Wähle einen Bereich aus, dann kann EOS Assist dir die nächsten Schritte erklären.');
-
-    const answerFor = question => {
-        const q = normalize(question);
-        const r = route();
-        if (!q) return `Aktueller Bereich: ${contextTitle()}\n\n${routeAdvice()}\n\nDu kannst z. B. fragen: „Wie richte ich Modbus ein?“, „Warum ist ein Dienst rot?“ oder „Welche Rechte braucht der Installateur?“`;
-
-        if (/modbus|wechselrichter|tcp|rs485/.test(q)) {
-            return 'Modbus-Einrichtung:\n1. Modul installieren und Instanz anlegen.\n2. IP/Port oder seriellen Adapter prüfen.\n3. Unit-ID, Registerbereich und Byte-Reihenfolge dokumentieren.\n4. Dienst starten und Systemlogs auf Timeout/CRC prüfen.\n5. Erst wenn Werte stabil laufen, Datenpunkte in EOS Cockpit verwenden.';
-        }
-        if (/shelly|relay|schalter|steckdose/.test(q)) {
-            return 'Shelly-/Schaltmodul-Einrichtung:\n1. Gerät im gleichen Netzwerk erreichbar machen.\n2. Authentifizierung im Gerät setzen, damit keine Warnung wie „not protected via restricted login“ entsteht.\n3. Adapterinstanz konfigurieren und neu starten.\n4. In Datenpunkten prüfen, ob Power, Energy und Relay-State sauber aktualisieren.';
-        }
-        if (/ev|wallbox|laden|ladepunkt|ocpp/.test(q)) {
-            return 'Ladepunkt-/EVCS-Einrichtung:\n1. OCPP/Wallbox-Modul installieren.\n2. Ladepunkt-ID, Endpoint und Authentifizierung prüfen.\n3. Dienst starten und Verbindung im Log kontrollieren.\n4. Danach Ladeleistung, Fahrzeugstatus und Freigabe-Datenpunkte mit dem EOS Energiemanagement verknüpfen.';
-        }
-        if (/backup|backitup|sicherung|restore/.test(q)) {
-            return 'Backup-Empfehlung:\n1. BackItUp bleibt ein geschütztes EOS-Systemmodul.\n2. Vor Updates immer ein Backup starten.\n3. Restore-Ziel und Speicherort prüfen.\n4. Installateur-/Endkundenrollen sollten BackItUp nicht löschen oder deaktivieren dürfen.';
-        }
-        if (/recht|rolle|benutzer|installateur|kunde|admin/.test(q)) {
-            return 'Rechte-Empfehlung:\n1. Administrator: volle Wartung und Systemschutz.\n2. Installateur: Module konfigurieren, aber geschützte Adapter nicht löschen.\n3. Endkunde: Bedienung und Ansicht, keine Systemmodule.\n4. Geschützte Adapter legt der Administrator im EOS-Sicherheitsbereich fest.';
-        }
-        if (/log|fehler|warn|error|timeout|offline/.test(q)) {
-            return 'Fehleranalyse:\n1. In Systemlogs nach Quelle und Level filtern.\n2. Wiederholte Meldungen priorisieren.\n3. Bei Timeout Netzwerk/IP/Port prüfen.\n4. Bei Auth-Warnungen Zugangsdaten im Gerät und Adapter vergleichen.\n5. Danach nur die betroffene Instanz neu starten, nicht das komplette System.';
-        }
-        if (/update|aktualisieren|npm|repository|repo/.test(q)) {
-            return 'Update-Prüfung:\n1. NexoWatt-Repository aktiv setzen.\n2. Version im Repository und npm vergleichen.\n3. Bei EOS Admin: iobroker upgrade eos-admin, danach iobroker upload eos-admin.\n4. Browser mit Strg+F5 neu laden.\n5. Vor größeren Updates Backup erstellen.';
-        }
-        if (/dienst|instanz|start|stop|neustart/.test(q)) {
-            return 'Dienst prüfen:\n1. Status ansehen: grün/läuft, rot/gestoppt, gelb/Warnung.\n2. Speicherverbrauch und Log-Level prüfen.\n3. Bei Fehlern zuerst Log öffnen.\n4. Dann Instanz neu starten.\n5. Wenn der Fehler wiederkommt, Konfiguration und Abhängigkeiten prüfen.';
-        }
-        return `Ich habe deine Frage lokal eingeordnet.\n\nBereich: ${contextTitle()}\n\nEmpfohlene nächsten Schritte:\n1. Ziel klären: installieren, konfigurieren, Fehler suchen oder absichern.\n2. Betroffenes Modul/Dienst auswählen.\n3. Logs und Status prüfen.\n4. Änderung speichern und nur die betroffene Instanz neu starten.\n\nHinweis: Diese erste EOS-Assistenz arbeitet lokal ohne Cloud. Eine echte KI-Anbindung kann später über einen NexoWatt- oder MCP-Dienst ergänzt werden.`;
-    };
-
-    const setOpen = open => {
-        document.documentElement.classList.toggle('eos-assist-open', !!open);
-        try { localStorage.setItem(STORE_KEY, open ? '1' : '0'); } catch { /* ignore */ }
-    };
-
-    const renderAnswer = (panel, question) => {
-        const out = panel.querySelector('.eos-assist-answer');
-        if (out) out.textContent = answerFor(question);
-        const ctx = panel.querySelector('.eos-assist-context');
-        if (ctx) ctx.textContent = contextTitle();
-        const hint = panel.querySelector('.eos-assist-hint');
-        if (hint) hint.textContent = routeAdvice();
-    };
-
-    const ensureAssistant = () => {
-        if (!document.body || document.querySelector('.eos-assist-launcher')) return;
-        if (document.documentElement.classList.contains('eos-login')) return;
-        if (!document.getElementById('app-paper')) return;
-
-        const launcher = document.createElement('button');
-        launcher.type = 'button';
-        launcher.className = 'eos-assist-launcher';
-        launcher.innerHTML = '<span>✦</span><span>EOS Assist</span>';
-        launcher.setAttribute('aria-label', 'EOS Assist öffnen');
-
-        const panel = document.createElement('aside');
-        panel.className = 'eos-assist-panel';
-        panel.setAttribute('aria-label', 'EOS Assist');
-        panel.innerHTML = `
-            <div class="eos-assist-head">
-                <span class="eos-assist-logo"><img src="${LOGO}" alt="NexoWatt EOS" /></span>
-                <span><strong>EOS Assist</strong><small><span class="eos-assist-context"></span> · geführte Einrichtung</small></span>
-                <button type="button" class="eos-assist-close" aria-label="Schließen">×</button>
-            </div>
-            <div class="eos-assist-body">
-                <div class="eos-assist-card"><strong>Aktueller Hinweis</strong><p class="eos-assist-hint"></p></div>
-                <div class="eos-assist-actions">
-                    <button type="button" data-question="Wie richte ich dieses Modul ein?">Modul einrichten</button>
-                    <button type="button" data-question="Wie prüfe ich Fehler in den Logs?">Fehler prüfen</button>
-                    <button type="button" data-question="Welche Rechte braucht der Installateur?">Rechte erklären</button>
-                    <button type="button" data-question="Was muss ich vor einem Update beachten?">Update-Check</button>
-                </div>
-                <div class="eos-assist-input-row">
-                    <input class="eos-assist-input" type="text" placeholder="Frage eingeben, z. B. Modbus einrichten" />
-                    <button type="button" class="eos-assist-send">Fragen</button>
-                </div>
-                <div class="eos-assist-card eos-assist-answer"></div>
-                <div class="eos-assist-foot">Lokale Assistenz ohne Cloud. Für echte KI-Automation kann später ein NexoWatt-Dienst angebunden werden.</div>
-            </div>
-        `;
-
-        document.body.appendChild(launcher);
-        document.body.appendChild(panel);
-        renderAnswer(panel, '');
-
-        launcher.addEventListener('click', () => setOpen(!document.documentElement.classList.contains('eos-assist-open')));
-        panel.querySelector('.eos-assist-close')?.addEventListener('click', () => setOpen(false));
-        panel.querySelector('.eos-assist-send')?.addEventListener('click', () => renderAnswer(panel, panel.querySelector('.eos-assist-input')?.value || ''));
-        panel.querySelector('.eos-assist-input')?.addEventListener('keydown', event => {
-            if (event.key === 'Enter') renderAnswer(panel, event.currentTarget.value || '');
-        });
-        panel.querySelectorAll('button[data-question]').forEach(button => {
-            button.addEventListener('click', () => {
-                const question = button.getAttribute('data-question') || '';
-                const input = panel.querySelector('.eos-assist-input');
-                if (input) input.value = question;
-                renderAnswer(panel, question);
-            });
-        });
-
-        try { if (localStorage.getItem(STORE_KEY) === '1') setOpen(true); } catch { /* ignore */ }
-    };
-
-    const removeOnLogin = () => {
-        if (!document.documentElement.classList.contains('eos-login')) return;
-        document.querySelectorAll('.eos-assist-launcher,.eos-assist-panel').forEach(el => el.remove());
-    };
-
-    const run = () => {
-        removeOnLogin();
-        void fetchAssistantPolicy().then(allowed => {
-            if (!allowed) {
-                document.querySelectorAll('.eos-assist-launcher,.eos-assist-panel').forEach(el => el.remove());
-                return;
-            }
-            ensureAssistant();
-            const panel = document.querySelector('.eos-assist-panel');
-            if (panel) renderAnswer(panel, panel.querySelector('.eos-assist-input')?.value || '');
-        });
-    };
-
-    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', run, { once: true });
-    else run();
-    window.addEventListener('hashchange', () => setTimeout(run, 80));
-    window.addEventListener('load', () => setTimeout(run, 120), { once: true });
-    new MutationObserver(() => {
-        if (!document.querySelector('.eos-assist-launcher')) run();
-    }).observe(document.documentElement, { childList: true, subtree: true });
+    // v30: EOS Assist is rendered by eos-branding.js so it can share route/security state.
+    // This file stays as a lightweight compatibility hook for cache-safe deployments.
+    window.NEXOWATT_EOS_ASSIST_VERSION = 'v30-integrated-with-eos-branding';
 })();

package/adminWww/js/eos-branding.js

@@ -1,7 +1,7 @@
 (() => {
     'use strict';
 
-    window.NEXOWATT_EOS_UI_VERSION = 'v27-logo-nav-assist-polish';
+    window.NEXOWATT_EOS_UI_VERSION = 'v30-nav-assist-security-polish';
 
     const BRAND = 'NexoWatt EOS';
     const EOS_MEANING = 'Energy Operation System';
@@ -329,21 +329,40 @@
     };
 
     const hideSecuritySettingsForNonAdmin = () => {
-        if (isAdminUser()) return;
+        const securityNeedles = /(nexowatt\s+sicherheit|eos\s+security|eos\s+systemschutz|legacy\s+admin|alter\s+admin|gesch(?:u|ü)tzte\s+(system)?adapter|administratorgruppen|protected\s+adapters|admin\s+groups)/i;
+        const markAdminOnly = el => {
+            if (!el || isAdminUser()) return;
+            el.dataset.eosSecurityAdminOnly = 'true';
+            el.classList.add('eos-security-admin-only-field');
+            el.setAttribute('aria-hidden', 'true');
+        };
+        if (isAdminUser()) {
+            document.querySelectorAll('[data-eos-security-admin-only="true"], .eos-security-admin-only-field').forEach(el => {
+                el.removeAttribute('data-eos-security-admin-only');
+                el.classList.remove('eos-security-admin-only-field');
+                el.removeAttribute('aria-hidden');
+            });
+            return;
+        }
+        Array.from(document.querySelectorAll('[role="tab"], .MuiTab-root, button, [role="button"]')).forEach(tab => {
+            if (!securityNeedles.test(textOfElement(tab))) return;
+            const inDialog = !!tab.closest('.MuiDialog-paper, [role="dialog"]');
+            if (inDialog) markAdminOnly(tab);
+        });
         Array.from(document.querySelectorAll('.MuiDialog-paper, [role="dialog"]')).forEach(dialog => {
             const dialogText = textOfElement(dialog);
-            if (!/(eos security|nexowatt security|legacy admin|alter admin|protected adapters|geschutzte adapter|eos admin groups)/i.test(dialogText)) return;
+            if (!securityNeedles.test(dialogText)) return;
             dialog.classList.add('eos-security-settings-restricted');
-            const needles = /(eos security|nexowatt security|legacy admin|alter admin|protected adapters|geschutzte adapter|eos admin groups|lock legacy admin|hide legacy admin|restrict protected adapter)/i;
-            Array.from(dialog.querySelectorAll('label, legend, h2, h3, h4, .MuiTypography-root, .MuiFormLabel-root')).forEach(label => {
-                if (!needles.test(label.textContent || '')) return;
-                const row = label.closest('.MuiGrid2-root, .MuiGrid-root, .MuiFormControl-root, .MuiBox-root, .MuiPaper-root') || label.parentElement;
-                if (row && row !== dialog) row.classList.add('eos-security-admin-only-field');
+            Array.from(dialog.querySelectorAll('label, legend, h2, h3, h4, .MuiTypography-root, .MuiFormLabel-root, .MuiTab-root, [role="tab"], .MuiGrid-root, .MuiGrid2-root, .MuiFormControl-root')).forEach(el => {
+                if (!securityNeedles.test(textOfElement(el))) return;
+                const row = el.closest('.MuiGrid2-root, .MuiGrid-root, .MuiFormControl-root, .MuiBox-root, .MuiPaper-root, [role="tabpanel"]') || el.parentElement;
+                if (row && row !== dialog) markAdminOnly(row);
+                markAdminOnly(el);
             });
             if (!dialog.querySelector('.eos-security-restricted-note')) {
                 const note = document.createElement('div');
                 note.className = 'eos-security-restricted-note';
-                note.innerHTML = '<strong>EOS Systemschutz aktiv</strong><span>Diese Sicherheitseinstellungen sind nur für Administratoren sichtbar und änderbar.</span>';
+                note.innerHTML = '<strong>EOS Systemschutz</strong><span>Dieser Bereich ist nur für Administratoren sichtbar. Geschützte Adapter und der alte Admin werden zentral durch NexoWatt EOS verwaltet.</span>';
                 const content = dialog.querySelector('.MuiDialogContent-root') || dialog;
                 content.insertBefore(note, content.firstElementChild || null);
             }
@@ -492,16 +511,17 @@
     };
 
     const hideNativeLogoutNav = () => safe(() => {
-        const candidates = Array.from(document.querySelectorAll('.MuiDrawer-paper a, .MuiDrawer-paper button, .MuiDrawer-paper .MuiListItem-root, .MuiDrawer-paper .MuiListItemButton-root, .MuiDrawer-paper [role=\"button\"]'));
+        const candidates = Array.from(document.querySelectorAll('.MuiDrawer-paper a, .MuiDrawer-paper button, .MuiDrawer-paper .MuiListItem-root, .MuiDrawer-paper .MuiListItemButton-root, .MuiDrawer-paper [role="button"], nav a, nav button, nav [role="button"]'));
         candidates.forEach(el => {
-            const text = normalize(el.textContent || el.getAttribute('aria-label') || el.getAttribute('title') || '');
-            const href = String(el.getAttribute('href') || '');
-            const isLogout = /^(abmelden|logout|ra_logout)$/.test(text) || /(?:^|[/?#])logout(?:[/?#]|$)/i.test(href);
+            const text = normalize(`${el.textContent || ''} ${el.getAttribute?.('aria-label') || ''} ${el.getAttribute?.('title') || ''}`);
+            const href = String(el.getAttribute?.('href') || '');
+            const isLogout = /(?:^|\b)(abmelden|logout|ra_logout)(?:\b|$)/.test(text) || /(?:^|[/?#])logout(?:[/?#]|$)/i.test(href);
             if (!isLogout) return;
-            const item = el.closest('.MuiListItem-root, li') || el.closest('.MuiListItemButton-root, a, button') || el;
-            item.classList.add('eos-hidden-logout');
+            const item = el.closest('.MuiListItem-root, li, .MuiButtonBase-root, .MuiListItemButton-root') || el.closest('a, button, [role="button"]') || el;
+            item.classList.add('eos-hidden-logout', 'eos-native-logout-hidden');
             item.setAttribute('aria-hidden', 'true');
             item.setAttribute('tabindex', '-1');
+            if (item.style) item.style.display = 'none';
         });
     });
 
@@ -806,57 +826,133 @@
         const hasApp = !!document.getElementById('app-paper');
         if (!hasApp || isLoginView()) {
             document.getElementById('eos-assist-root')?.remove();
+            document.querySelectorAll('.eos-assist-launcher,.eos-assist-panel:not(#eos-assist-root .eos-assist-panel)').forEach(el => el.remove());
             return;
         }
+
         let root = document.getElementById('eos-assist-root');
         if (!root) {
             root = document.createElement('section');
             root.id = 'eos-assist-root';
             root.className = 'eos-assist-root';
+            root.innerHTML = `
+                <button class="eos-assist-button" type="button" aria-expanded="false">
+                    <span class="eos-assist-dot"></span><strong>EOS Assist</strong><small>Einrichtungshilfe</small>
+                </button>
+                <div class="eos-assist-panel" role="dialog" aria-label="EOS Assist Einrichtungshilfe">
+                    <div class="eos-assist-head">
+                        <span class="eos-assist-logo"><img src="${LOGO}" alt="NexoWatt EOS" /></span>
+                        <div><strong class="eos-assist-title"></strong><span class="eos-assist-text"></span></div>
+                        <button type="button" class="eos-assist-close" aria-label="EOS Assist schließen">×</button>
+                    </div>
+                    <div class="eos-assist-steps"></div>
+                    <div class="eos-assist-actions">
+                        <button type="button" data-question="Wie richte ich dieses Modul ein?">Modul einrichten</button>
+                        <button type="button" data-question="Wie prüfe ich Fehler in den Logs?">Fehler prüfen</button>
+                        <button type="button" data-question="Welche Rechte braucht der Installateur?">Rechte erklären</button>
+                        <button type="button" data-question="Was muss ich vor einem Update beachten?">Update-Check</button>
+                    </div>
+                    <label class="eos-assist-input-label">Was möchtest du einrichten?</label>
+                    <div class="eos-assist-input-row"><input class="eos-assist-input" placeholder="z. B. Wallbox, PV, Modbus, Rechte..." /><button type="button" class="eos-assist-send">Fragen</button></div>
+                    <div class="eos-assist-answer"></div>
+                    <div class="eos-assist-foot">Lokale Bedienhilfe ohne Cloud. Eine echte KI-Anbindung kann später über einen NexoWatt-Dienst ergänzt werden.</div>
+                </div>
+            `;
             document.body.appendChild(root);
         }
+
         const ctx = assistContext();
-        root.classList.toggle('eos-assist-open', !!state.assistOpen);
-        root.innerHTML = `
-            <button class="eos-assist-button" type="button" aria-expanded="${state.assistOpen ? 'true' : 'false'}">
-                <span class="eos-assist-dot"></span><strong>EOS Assist</strong><small>Einrichtungshilfe</small>
-            </button>
-            <div class="eos-assist-panel" role="dialog" aria-label="EOS Assist Einrichtungshilfe">
-                <div class="eos-assist-head">
-                    <div><strong>${ctx.title}</strong><span>${ctx.text}</span></div>
-                    <button type="button" class="eos-assist-close" aria-label="EOS Assist schließen">×</button>
-                </div>
-                <div class="eos-assist-steps">${ctx.steps.map(step => `<span>${step}</span>`).join('')}</div>
-                <label class="eos-assist-input-label">Was möchtest du einrichten?</label>
-                <div class="eos-assist-input-row"><input class="eos-assist-input" placeholder="z. B. Wallbox, PV, Modbus, Rechte..." /><button type="button" class="eos-assist-send">Fragen</button></div>
-                <div class="eos-assist-answer">${assistAnswer('')}</div>
-            </div>
-        `;
-        const openButton = root.querySelector('.eos-assist-button');
-        const closeButton = root.querySelector('.eos-assist-close');
+        const button = root.querySelector('.eos-assist-button');
         const input = root.querySelector('.eos-assist-input');
-        const send = root.querySelector('.eos-assist-send');
         const answer = root.querySelector('.eos-assist-answer');
-        openButton?.addEventListener('click', event => {
-            event.preventDefault();
-            state.assistOpen = !state.assistOpen;
-            root.classList.toggle('eos-assist-open', state.assistOpen);
-            openButton.setAttribute('aria-expanded', state.assistOpen ? 'true' : 'false');
-            if (state.assistOpen) setTimeout(() => input?.focus(), 40);
-        });
-        closeButton?.addEventListener('click', event => {
-            event.preventDefault();
-            state.assistOpen = false;
-            root.classList.remove('eos-assist-open');
-            openButton?.setAttribute('aria-expanded', 'false');
-        });
-        const ask = () => {
-            if (answer) answer.textContent = assistAnswer(input?.value || '');
-        };
-        send?.addEventListener('click', ask);
-        input?.addEventListener('keydown', event => {
-            if (event.key === 'Enter') ask();
-        });
+        root.querySelector('.eos-assist-title').textContent = ctx.title;
+        root.querySelector('.eos-assist-text').textContent = ctx.text;
+        root.querySelector('.eos-assist-steps').innerHTML = ctx.steps.map(step => `<span>${step}</span>`).join('');
+        if (answer && !answer.textContent) answer.textContent = assistAnswer('');
+        root.classList.toggle('eos-assist-open', !!state.assistOpen);
+        button?.setAttribute('aria-expanded', state.assistOpen ? 'true' : 'false');
+
+        if (!root.dataset.eosAssistBound) {
+            root.dataset.eosAssistBound = 'true';
+            root.addEventListener('click', event => {
+                const target = event.target?.closest?.('button');
+                if (!target || !root.contains(target)) return;
+                if (target.classList.contains('eos-assist-button')) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    state.assistOpen = !state.assistOpen;
+                    root.classList.toggle('eos-assist-open', state.assistOpen);
+                    target.setAttribute('aria-expanded', state.assistOpen ? 'true' : 'false');
+                    if (state.assistOpen) setTimeout(() => root.querySelector('.eos-assist-input')?.focus(), 50);
+                    return;
+                }
+                if (target.classList.contains('eos-assist-close')) {
+                    event.preventDefault();
+                    state.assistOpen = false;
+                    root.classList.remove('eos-assist-open');
+                    root.querySelector('.eos-assist-button')?.setAttribute('aria-expanded', 'false');
+                    return;
+                }
+                if (target.classList.contains('eos-assist-send')) {
+                    event.preventDefault();
+                    const value = root.querySelector('.eos-assist-input')?.value || '';
+                    const out = root.querySelector('.eos-assist-answer');
+                    if (out) out.textContent = assistAnswer(value);
+                    return;
+                }
+                if (target.hasAttribute('data-question')) {
+                    event.preventDefault();
+                    const question = target.getAttribute('data-question') || '';
+                    const field = root.querySelector('.eos-assist-input');
+                    if (field) field.value = question;
+                    const out = root.querySelector('.eos-assist-answer');
+                    if (out) out.textContent = assistAnswer(question);
+                }
+            }, true);
+            root.addEventListener('keydown', event => {
+                if (event.key !== 'Enter' || !event.target?.classList?.contains('eos-assist-input')) return;
+                const out = root.querySelector('.eos-assist-answer');
+                if (out) out.textContent = assistAnswer(event.target.value || '');
+            }, true);
+        }
+    });
+
+
+
+    const installAssistDelegatedClick = () => safe(() => {
+        if (window.__NEXOWATT_EOS_ASSIST_BRANDING_CLICK__) return;
+        window.__NEXOWATT_EOS_ASSIST_BRANDING_CLICK__ = true;
+        document.addEventListener('click', event => {
+            const target = event.target?.closest?.('.eos-assist-button,.eos-assist-close,.eos-assist-send');
+            if (!target) return;
+            const root = document.getElementById('eos-assist-root') || target.closest('.eos-assist-root');
+            if (!root) return;
+            const input = root.querySelector('.eos-assist-input');
+            const answer = root.querySelector('.eos-assist-answer');
+            if (target.matches('.eos-assist-button')) {
+                event.preventDefault();
+                event.stopPropagation();
+                event.stopImmediatePropagation?.();
+                state.assistOpen = !root.classList.contains('eos-assist-open');
+                root.classList.toggle('eos-assist-open', state.assistOpen);
+                target.setAttribute('aria-expanded', state.assistOpen ? 'true' : 'false');
+                if (state.assistOpen) setTimeout(() => input?.focus(), 40);
+            } else if (target.matches('.eos-assist-close')) {
+                event.preventDefault();
+                event.stopPropagation();
+                event.stopImmediatePropagation?.();
+                state.assistOpen = false;
+                root.classList.remove('eos-assist-open');
+                root.querySelector('.eos-assist-button')?.setAttribute('aria-expanded', 'false');
+            } else if (target.matches('.eos-assist-send')) {
+                event.preventDefault();
+                event.stopPropagation();
+                event.stopImmediatePropagation?.();
+                if (answer) answer.textContent = assistAnswer(input?.value || '');
+                state.assistOpen = true;
+                root.classList.add('eos-assist-open');
+            }
+        }, true);
     });
 
     const patchDocumentMeta = () => safe(() => {
@@ -877,6 +973,7 @@
         patchLogin();
         patchShell();
         applyNavCompactPreference();
+        installAssistDelegatedClick();
         ensureEosAssist();
         ensureRightsHelper();
         ensurePermissionPresets();
@@ -896,6 +993,7 @@
         patchLogin();
         patchShell();
         applyNavCompactPreference();
+        installAssistDelegatedClick();
         ensureEosAssist();
         ensureRightsHelper();
         ensurePermissionPresets();