iobroker.eos-admin 7.9.30 → 7.9.32

package/adminWww/css/eos-branding.css

@@ -3022,3 +3022,213 @@ html:not(.eos-security-admin):not(.eos-security-admin-user) [data-eos-security-a
     html.eos-app .eos-native-drawer-header { left: 4px !important; }
     .eos-assist-root { right: 14px !important; bottom: 16px !important; }
 }
+
+
+/* === NexoWatt EOS v31: clean arrow tile, security text repair, AI-ready Assist === */
+:root { --eos-nav-toggle-slot: 82px; }
+html.eos-app .MuiDrawer-paper,
+html.eos-app .eos-drawer {
+    padding-left: var(--eos-nav-toggle-slot) !important;
+}
+html.eos-app.eos-nav-compact .MuiDrawer-paper,
+html.eos-app.eos-nav-compact .eos-drawer {
+    padding-left: var(--eos-nav-toggle-slot) !important;
+    transform: none !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+}
+html.eos-app .eos-native-drawer-header,
+html.eos-app .eos-nav-toggle-shell {
+    position: absolute !important;
+    left: 14px !important;
+    top: 50% !important;
+    transform: translateY(-50%) !important;
+    width: 54px !important;
+    min-width: 54px !important;
+    max-width: 54px !important;
+    height: 54px !important;
+    min-height: 54px !important;
+    max-height: 54px !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    display: grid !important;
+    place-items: center !important;
+    border-radius: 18px !important;
+    background: linear-gradient(135deg, rgba(0, 0, 0, 0.84), rgba(0, 255, 136, 0.13)) !important;
+    border: 1px solid rgba(0, 255, 136, 0.50) !important;
+    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 18px rgba(0,255,136,.20) !important;
+    overflow: visible !important;
+}
+html.eos-app .eos-native-drawer-header > div:first-child,
+html.eos-app .eos-nav-toggle-shell > div:first-child {
+    width: 54px !important;
+    min-width: 54px !important;
+    max-width: 54px !important;
+    height: 54px !important;
+    min-height: 54px !important;
+    max-height: 54px !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    display: grid !important;
+    place-items: center !important;
+    grid-template-columns: 1fr !important;
+    gap: 0 !important;
+}
+html.eos-app .eos-native-drawer-header a,
+html.eos-app .eos-native-drawer-header img,
+html.eos-app .eos-native-drawer-header .MuiAvatar-root,
+html.eos-app .eos-native-drawer-header .MuiAvatar-img,
+html.eos-app .eos-native-drawer-header .eos-native-title,
+html.eos-app .eos-nav-toggle-decor-hidden {
+    display: none !important;
+    visibility: hidden !important;
+    opacity: 0 !important;
+    pointer-events: none !important;
+}
+html.eos-app .eos-native-drawer-header button.eos-nav-compact-toggle,
+html.eos-app .eos-native-drawer-header .eos-nav-compact-toggle,
+html.eos-app .eos-native-drawer-header button,
+html.eos-app .eos-native-drawer-header .MuiIconButton-root {
+    position: static !important;
+    transform: none !important;
+    margin: 0 !important;
+    width: 42px !important;
+    height: 42px !important;
+    min-width: 42px !important;
+    min-height: 42px !important;
+    display: grid !important;
+    place-items: center !important;
+    border-radius: 15px !important;
+    background: radial-gradient(circle at 50% 50%, rgba(0,255,136,.24), rgba(0,0,0,.88) 72%) !important;
+    border: 1px solid rgba(110,255,211,.58) !important;
+    color: #eefcff !important;
+    box-shadow: 0 0 16px rgba(0,255,136,.28), inset 0 0 12px rgba(0,255,136,.12) !important;
+}
+html.eos-app .eos-native-drawer-header button.eos-nav-compact-toggle svg,
+html.eos-app .eos-native-drawer-header .eos-nav-compact-toggle svg,
+html.eos-app .eos-native-drawer-header .MuiSvgIcon-root {
+    width: 22px !important;
+    height: 22px !important;
+}
+html.eos-app .eos-hidden-logout,
+html.eos-app .eos-hidden-logout *,
+html.eos-app .eos-native-logout-hidden,
+html.eos-app .eos-native-logout-hidden * {
+    display: none !important;
+    visibility: hidden !important;
+    opacity: 0 !important;
+    pointer-events: none !important;
+    width: 0 !important;
+    min-width: 0 !important;
+    max-width: 0 !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    border: 0 !important;
+}
+.eos-assist-panel { max-height: min(690px, calc(100vh - 150px)) !important; }
+.eos-assist-answer { white-space: pre-line !important; }
+.eos-assist-foot strong { color: #00ff88; }
+@media (max-width: 720px) {
+    :root { --eos-nav-toggle-slot: 72px; }
+    html.eos-app .eos-native-drawer-header,
+    html.eos-app .eos-nav-toggle-shell { left: 10px !important; width: 48px !important; min-width: 48px !important; max-width: 48px !important; height: 48px !important; min-height: 48px !important; }
+    html.eos-app .eos-native-drawer-header > div:first-child { width: 48px !important; min-width: 48px !important; max-width: 48px !important; height: 48px !important; min-height: 48px !important; }
+    html.eos-app .eos-native-drawer-header button.eos-nav-compact-toggle,
+    html.eos-app .eos-native-drawer-header .eos-nav-compact-toggle,
+    html.eos-app .eos-native-drawer-header button,
+    html.eos-app .eos-native-drawer-header .MuiIconButton-root { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; }
+}
+
+
+/* === NexoWatt EOS v32: keep arrow button, remove empty left tile ============
+   The previous patch hid the native arrow together with the decorative tile on
+   some render paths. This patch removes only the empty native tile and creates
+   one independent compact-toggle button, positioned clearly left of the menu.
+   The navigation still has two states only: normal and compact. It never fully
+   disappears. */
+:root { --eos-nav-toggle-slot: 78px; }
+html.eos-app .MuiDrawer-paper,
+html.eos-app .eos-drawer,
+html.eos-app.eos-nav-compact .MuiDrawer-paper,
+html.eos-app.eos-nav-compact .eos-drawer {
+    padding-left: var(--eos-nav-toggle-slot) !important;
+    transform: none !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+}
+
+/* Hide the decorative native tile only. The real button is injected below. */
+html.eos-app .eos-native-drawer-header,
+html.eos-app .eos-nav-toggle-shell {
+    display: none !important;
+    visibility: hidden !important;
+    opacity: 0 !important;
+    pointer-events: none !important;
+    width: 0 !important;
+    min-width: 0 !important;
+    max-width: 0 !important;
+    height: 0 !important;
+    min-height: 0 !important;
+    max-height: 0 !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    border: 0 !important;
+    box-shadow: none !important;
+    background: transparent !important;
+    overflow: hidden !important;
+}
+
+html.eos-app .eos-standalone-nav-toggle {
+    position: fixed !important;
+    left: 24px !important;
+    top: calc(var(--eos-shell-top) + var(--eos-header-height) + var(--eos-nav-gap) + 14px) !important;
+    z-index: 2500 !important;
+    width: 44px !important;
+    height: 44px !important;
+    min-width: 44px !important;
+    min-height: 44px !important;
+    display: grid !important;
+    place-items: center !important;
+    border-radius: 16px !important;
+    border: 1px solid rgba(110, 255, 211, 0.65) !important;
+    background: radial-gradient(circle at 50% 50%, rgba(0,255,136,.22), rgba(0,0,0,.92) 74%) !important;
+    color: #f4fffb !important;
+    box-shadow: 0 0 16px rgba(0,255,136,.28), inset 0 0 12px rgba(0,255,136,.12) !important;
+    cursor: pointer !important;
+    outline: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    appearance: none !important;
+    -webkit-appearance: none !important;
+}
+html.eos-app .eos-standalone-nav-toggle:hover,
+html.eos-app .eos-standalone-nav-toggle:focus-visible {
+    border-color: rgba(0, 255, 136, .95) !important;
+    box-shadow: 0 0 22px rgba(0,255,136,.42), inset 0 0 16px rgba(0,255,136,.18) !important;
+    transform: translateY(-1px) !important;
+}
+html.eos-app .eos-standalone-nav-toggle svg {
+    width: 22px !important;
+    height: 22px !important;
+    display: block !important;
+    transition: transform .16s ease !important;
+}
+html.eos-app.eos-nav-compact .eos-standalone-nav-toggle svg {
+    transform: rotate(180deg) !important;
+}
+html.eos-login .eos-standalone-nav-toggle,
+html:not(.eos-app) .eos-standalone-nav-toggle {
+    display: none !important;
+}
+@media (max-width: 720px) {
+    :root { --eos-nav-toggle-slot: 66px; }
+    html.eos-app .eos-standalone-nav-toggle {
+        left: 14px !important;
+        top: calc(var(--eos-shell-top) + var(--eos-header-height) + var(--eos-nav-gap) + 10px) !important;
+        width: 40px !important;
+        height: 40px !important;
+        min-width: 40px !important;
+        min-height: 40px !important;
+        border-radius: 14px !important;
+    }
+}

package/adminWww/index.html

@@ -31,7 +31,7 @@
             rel="stylesheet"
             href="css/leaflet.css"
         />
-        <link rel="stylesheet" href="./css/eos-branding.css?v=30" />
+        <link rel="stylesheet" href="./css/eos-branding.css?v=32" />
         <link
             rel="manifest"
             href="manifest.json"
@@ -154,9 +154,9 @@
       <script type="module" crossorigin src="./assets/index-CQZugZ1z.js"></script>
       <link rel="modulepreload" crossorigin href="./assets/preload-helper-BDBacUwf.js">
       <link rel="modulepreload" crossorigin href="./assets/iobroker_admin__mf_v__runtimeInit__mf_v__-g2X2zhAf.js">
-            <script defer src="./js/eos-branding.js?v=30"></script>
-            <script defer src="./js/eos-security-ui.js?v=30"></script>
-            <script defer src="./js/eos-assistant.js?v=30"></script>
+            <script defer src="./js/eos-branding.js?v=32"></script>
+            <script defer src="./js/eos-security-ui.js?v=32"></script>
+            <script defer src="./js/eos-assistant.js?v=32"></script>
     </head>
     <body>
         <noscript>You need to enable JavaScript to run this app.</noscript>

package/adminWww/js/eos-assistant.js

@@ -1,6 +1,6 @@
 (() => {
     'use strict';
-    // v30: EOS Assist is rendered by eos-branding.js so it can share route/security state.
+    // v31: 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';
+    window.NEXOWATT_EOS_ASSIST_VERSION = 'v31-integrated-ai-ready';
 })();

package/adminWww/js/eos-branding.js

@@ -1,7 +1,7 @@
 (() => {
     'use strict';
 
-    window.NEXOWATT_EOS_UI_VERSION = 'v30-nav-assist-security-polish';
+    window.NEXOWATT_EOS_UI_VERSION = 'v32-nav-toggle-tile-fix';
 
     const BRAND = 'NexoWatt EOS';
     const EOS_MEANING = 'Energy Operation System';
@@ -25,6 +25,29 @@
         [/\bioBroker\b/gi, BRAND],
     ];
 
+
+    const MOJIBAKE_REPLACEMENTS = new Map(Object.entries({
+        'dürfen': 'dürfen', 'Dürfen': 'Dürfen',
+        'für': 'für', 'Für': 'Für',
+        'müssen': 'müssen', 'Müssen': 'Müssen',
+        'können': 'können', 'Können': 'Können',
+        'möglich': 'möglich', 'Möglich': 'Möglich',
+        'Löschen': 'Löschen', 'löschen': 'löschen',
+        'schützen': 'schützen', 'Schützen': 'Schützen',
+        'Schützt': 'Schützt', 'schützt': 'schützt',
+        'Geschützte': 'Geschützte', 'geschützte': 'geschützte',
+        'ausgewählte': 'ausgewählte', 'Ausgewählte': 'Ausgewählte',
+        'ändern': 'ändern', 'Ändern': 'Ändern',
+        'über': 'über', 'Ãœber': 'Über',
+        'Wähle': 'Wähle', 'wähle': 'wähle',
+        'öffnen': 'öffnen', 'Öffnen': 'Öffnen',
+        'schließen': 'schließen', 'Schließen': 'Schließen',
+        'Gerät': 'Gerät', 'gerät': 'gerät',
+        'Geräte': 'Geräte', 'geräte': 'geräte',
+        'Zugänge': 'Zugänge', 'zugänge': 'zugänge',
+        'ß': 'ß', 'Ä': 'Ä', 'Ö': 'Ö', 'Ãœ': 'Ü', 'ä': 'ä', 'ö': 'ö', 'ü': 'ü'
+    }));
+
     const EXACT_LABELS = new Map(Object.entries({
         'Admin': BRAND,
         'NEXOWATT': 'NEXOWATT EOS',
@@ -82,6 +105,9 @@
     const replaceBrand = value => {
         if (!value || typeof value !== 'string') return value;
         let next = value;
+        for (const [from, to] of MOJIBAKE_REPLACEMENTS) {
+            if (next.includes(from)) next = next.split(from).join(to);
+        }
         for (const [pattern, replacement] of TEXT_REPLACEMENTS) next = next.replace(pattern, replacement);
         const compact = next.trim();
         if (EXACT_LABELS.has(compact)) next = next.replace(compact, EXACT_LABELS.get(compact));
@@ -511,17 +537,30 @@
     };
 
     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"], nav a, nav button, nav [role="button"]'));
+        const candidates = Array.from(document.querySelectorAll('.MuiDrawer-paper a, .MuiDrawer-paper button, .MuiDrawer-paper li, .MuiDrawer-paper .MuiListItem-root, .MuiDrawer-paper .MuiListItemButton-root, .MuiDrawer-paper [role="button"], nav a, nav button, nav li, 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 = /(?:^|\b)(abmelden|logout|ra_logout)(?:\b|$)/.test(text) || /(?:^|[/?#])logout(?:[/?#]|$)/i.test(href);
             if (!isLogout) return;
-            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';
+            const targets = new Set([
+                el,
+                el.closest('.MuiListItem-root'),
+                el.closest('li'),
+                el.closest('.MuiListItemButton-root'),
+                el.closest('.MuiButtonBase-root'),
+                el.closest('a, button, [role="button"]'),
+            ].filter(Boolean));
+            targets.forEach(item => {
+                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';
+                    item.style.visibility = 'hidden';
+                    item.style.pointerEvents = 'none';
+                }
+            });
         });
     });
 
@@ -538,7 +577,7 @@
                 || directChildren.find(el => !isListLike(el) && el.querySelector && (el.querySelector('button') || el.querySelector('img') || el.querySelector('.MuiAvatar-root')));
         }
         if (header) {
-            header.classList.add('eos-native-drawer-header');
+            header.classList.add('eos-native-drawer-header', 'eos-nav-toggle-shell');
             const toggleButton = header.querySelector('button, .MuiIconButton-root, [role="button"]');
             if (toggleButton && !toggleButton.dataset.eosNavCompactToggle) {
                 toggleButton.dataset.eosNavCompactToggle = 'true';
@@ -559,6 +598,9 @@
                     if (event.key === 'Enter' || event.key === ' ') toggleCompact(event);
                 }, true);
             }
+            header.querySelectorAll('a,img,.MuiAvatar-root,.MuiAvatar-img,.eos-native-title').forEach(el => {
+                if (!el.closest?.('button')) el.classList.add('eos-nav-toggle-decor-hidden');
+            });
             const img = header.querySelector('img');
             if (img) patchImage(img);
             const avatarImg = header.querySelector('.MuiAvatar-img');
@@ -808,18 +850,65 @@
         };
     };
 
-    const assistAnswer = query => {
+    const configuredAssistEndpoint = () => safe(() => {
+        const globalEndpoint = typeof window.NEXOWATT_EOS_ASSIST_ENDPOINT === 'string' ? window.NEXOWATT_EOS_ASSIST_ENDPOINT.trim() : '';
+        const storedEndpoint = localStorage.getItem('nexowatt:eosAssistEndpoint') || '';
+        return globalEndpoint || storedEndpoint.trim();
+    }) || '';
+
+    const localAssistAnswer = query => {
         const q = normalize(query);
-        if (!q) return 'Beschreibe kurz, was eingerichtet werden soll, zum Beispiel: PV, Speicher, Wallbox, Modbus, Backup oder Benutzerrechte.';
-        if (/wallbox|evcs|lade|auto|ocpp/.test(q)) return 'Für Ladepunkte: zuerst OCPP/EVCS-Modul installieren, Verbindung zur Wallbox prüfen, Ladepunkt-ID setzen, danach Datenpunkte für Status, Leistung und Freigabe testen.';
-        if (/pv|solar|wechselrichter|sun2000|fronius|kostal|sma/.test(q)) return 'Für PV/Wechselrichter: IP-Adresse, Modbus/TCP oder Hersteller-API aktivieren, Abfrageintervall moderat setzen und danach Erzeugung, Bezug und Einspeisung in den Datenpunkten prüfen.';
-        if (/speicher|batterie|akku/.test(q)) return 'Für Speicher: Kommunikationsweg prüfen, Lade-/Entladeleistung und SoC-Datenpunkte kontrollieren und Grenzwerte erst setzen, wenn Livewerte plausibel sind.';
-        if (/modbus/.test(q)) return 'Für Modbus: Host/IP, Port 502, Unit-ID und Registertabelle prüfen. Danach erst lesen testen, dann Schreibrechte gezielt freischalten.';
-        if (/mqtt/.test(q)) return 'Für MQTT: Broker-Adresse, Zugangsdaten, Topic-Struktur und TLS prüfen. Danach mit einem Test-Topic starten und erst dann produktive Topics freigeben.';
-        if (/backup|sicherung|restore/.test(q)) return 'Für Sicherung: BackItUp aktiv halten, Zielpfad oder Cloud-Ziel prüfen, Test-Backup starten und Restore-Hinweise dokumentieren.';
-        if (/rechte|benutzer|installateur|kunde|admin/.test(q)) return 'Für Rechte: Benutzer in Rollen trennen. Installateure dürfen konfigurieren, aber geschützte EOS-Systemmodule nicht löschen. Endkunden bekommen nur Bedien- und Leserechte.';
-        if (/fehler|log|offline|404|timeout/.test(q)) return 'Bei Fehlern: zuerst Systemlogs öffnen, betroffene Instanz filtern, letzte Änderung prüfen, Dienst neu starten und danach Port/WebSocket/Repository prüfen.';
-        return 'Vorschlag: Starte mit dem passenden Modul, prüfe die Verbindung, kontrolliere die erzeugten Datenpunkte und sichere danach die Rechte. Für konkrete Hilfe nenne bitte Modulname und Zielgerät.';
+        if (!q) return 'Beschreibe kurz, was eingerichtet werden soll, zum Beispiel: Wallbox, PV, Speicher, Modbus, MQTT, Sicherung oder Benutzerrechte. EOS Assist zeigt mehrere Integrationswege und nicht nur einen einzelnen Adapter.';
+        if (/wallbox|evcs|lade|auto|ocpp|ladestation|charge/.test(q)) return [
+            'Wallbox / Ladepunkt: Es gibt mehrere mögliche Integrationswege. Empfehlung nach Priorität prüfen:',
+            '1. Herstelleradapter: nutzen, wenn ein stabiler Adapter für Hersteller/Modell vorhanden ist.',
+            '2. Modbus TCP/RTU: bevorzugt für lokale EMS-Werte wie Leistung, Strom, Freigabe, Zählerstand und Phasen.',
+            '3. OCPP: passend, wenn die Wallbox als Ladepunkt-Backend angebunden werden soll oder mehrere Ladepunkte zentral verwaltet werden.',
+            '4. HTTP/REST oder MQTT: sinnvoll bei offenen APIs, eigener Firmware oder Gateway-Lösungen.',
+            '5. Datenpunkt-Mapping: Fallback, wenn Werte bereits aus einem anderen System kommen.',
+            'Nächster Schritt: Hersteller, Modell, IP-Adresse und verfügbare Schnittstellen nennen. Dann kann EOS Assist den besten Weg vorschlagen.'
+        ].join('\n');
+        if (/keba|kecontact|mennekes|abl|alfen|easee|heidelberg|go-?e|openwb|zaptec|wallbe|duosida/.test(q)) return [
+            'Wallbox-Hersteller erkannt. Bitte nicht automatisch nur OCPP verwenden.',
+            'Prüfe zuerst: gibt es einen nativen Adapter oder eine lokale Modbus-/HTTP-Schnittstelle?',
+            'OCPP ist gut für Backend-/Ladepunktverwaltung; Modbus/HTTP ist oft besser für lokale EMS-Regelung und schnelle Leistungswerte.',
+            'Für EOS empfehle ich: lokale Schnittstelle für Regelung + OCPP nur, wenn Backend-Funktionen gebraucht werden.'
+        ].join('\n');
+        if (/pv|solar|wechselrichter|sun2000|fronius|kostal|sma|huawei|growatt|sungrow/.test(q)) return 'PV/Wechselrichter: Herstelleradapter oder Modbus TCP prüfen. Für EOS sind Erzeugung, Bezug, Einspeisung, Batterieladeleistung und Statusdaten wichtig. Erst Livewerte validieren, dann Optimierung aktivieren.';
+        if (/speicher|batterie|akku|soc/.test(q)) return 'Speicher: SoC, Lade-/Entladeleistung, Betriebsmodus und Grenzwerte prüfen. Schreibbefehle erst freigeben, wenn Lese-Datenpunkte stabil und plausibel sind.';
+        if (/modbus/.test(q)) return 'Modbus: IP/Port 502, Unit-ID, Registerliste, Datentyp und Byte-Reihenfolge prüfen. Erst nur lesen testen, danach Schreibrechte gezielt und mit Schutzliste freischalten.';
+        if (/mqtt/.test(q)) return 'MQTT: Broker, Authentifizierung, Topic-Struktur und TLS prüfen. Mit Test-Topic starten, dann produktive Topics in EOS-Datenpunkte mappen.';
+        if (/backup|sicherung|restore|backitup/.test(q)) return 'Sicherung: BackItUp aktiv halten, Zielpfad/Cloud-Ziel testen, Test-Backup erstellen und Restore-Ablauf dokumentieren. BackItUp bleibt Systemadapter und sollte geschützt sein.';
+        if (/rechte|benutzer|installateur|kunde|admin|sicherheit|security/.test(q)) return 'Rechte: Administratoren verwalten Systemschutz. Installateure dürfen konfigurieren, aber geschützte Systemadapter nicht löschen, stoppen oder kritisch ändern. Endkunden bekommen Bedien- und Leserechte.';
+        if (/fehler|log|offline|404|timeout|startet nicht|server/.test(q)) return 'Fehlersuche: Systemlogs filtern, betroffene Instanz prüfen, letzte Änderung identifizieren, Dienst neu starten und danach Port, WebSocket, Repository und Paketversion kontrollieren.';
+        return 'EOS Assist Empfehlung: Gerätetyp, Hersteller/Modell und verfügbare Schnittstellen nennen. Danach wird der beste Integrationsweg gewählt: nativer Adapter, Modbus, OCPP, HTTP/REST, MQTT oder Datenpunkt-Mapping.';
+    };
+
+    const requestRemoteAssist = async query => {
+        const endpoint = configuredAssistEndpoint();
+        if (!endpoint) return '';
+        try {
+            const response = await fetch(endpoint, {
+                method: 'POST',
+                credentials: 'same-origin',
+                headers: { 'content-type': 'application/json' },
+                body: JSON.stringify({ query, route: window.location.hash || '', ui: 'nexowatt-eos-admin' }),
+            });
+            if (!response.ok) return '';
+            const data = await response.json().catch(() => ({}));
+            return String(data.answer || data.text || data.message || '').trim();
+        } catch { return ''; }
+    };
+
+    const assistAnswer = query => localAssistAnswer(query);
+
+    const sendAssistQuestion = async (root, query) => {
+        const out = root?.querySelector?.('.eos-assist-answer');
+        if (!out) return;
+        const endpoint = configuredAssistEndpoint();
+        if (endpoint) out.textContent = 'EOS Assist fragt die KI an ...';
+        const remote = endpoint ? await requestRemoteAssist(query) : '';
+        out.textContent = remote || localAssistAnswer(query);
     };
 
     const ensureEosAssist = () => safe(() => {
@@ -837,7 +926,7 @@
             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>
+                    <span class="eos-assist-dot"></span><strong>EOS Assist</strong><small>KI-Hilfe</small>
                 </button>
                 <div class="eos-assist-panel" role="dialog" aria-label="EOS Assist Einrichtungshilfe">
                     <div class="eos-assist-head">
@@ -847,15 +936,16 @@
                     </div>
                     <div class="eos-assist-steps"></div>
                     <div class="eos-assist-actions">
+                        <button type="button" data-question="Wallbox einrichten: Welche Wege gibt es?">Wallbox</button>
                         <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-input-row"><input class="eos-assist-input" placeholder="z. B. Wallbox Keba Modbus, OCPP, PV, 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 class="eos-assist-foot">EOS Assist nutzt eine lokale Entscheidungslogik und ist für eine echte NexoWatt-KI-Anbindung vorbereitet.</div>
                 </div>
             `;
             document.body.appendChild(root);
@@ -897,7 +987,7 @@
                     event.preventDefault();
                     const value = root.querySelector('.eos-assist-input')?.value || '';
                     const out = root.querySelector('.eos-assist-answer');
-                    if (out) out.textContent = assistAnswer(value);
+                    sendAssistQuestion(root, value);
                     return;
                 }
                 if (target.hasAttribute('data-question')) {
@@ -906,13 +996,13 @@
                     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);
+                    sendAssistQuestion(root, 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 || '');
+                sendAssistQuestion(root, event.target.value || '');
             }, true);
         }
     });
@@ -948,13 +1038,51 @@
                 event.preventDefault();
                 event.stopPropagation();
                 event.stopImmediatePropagation?.();
-                if (answer) answer.textContent = assistAnswer(input?.value || '');
+                sendAssistQuestion(root, input?.value || '');
                 state.assistOpen = true;
                 root.classList.add('eos-assist-open');
             }
         }, true);
     });
 
+
+    const ensureStandaloneNavToggle = () => safe(() => {
+        const html = document.documentElement;
+        if (!html.classList.contains('eos-app') || html.classList.contains('eos-login')) {
+            document.getElementById('eos-standalone-nav-toggle')?.remove();
+            return;
+        }
+        let button = document.getElementById('eos-standalone-nav-toggle');
+        if (!button) {
+            button = document.createElement('button');
+            button.id = 'eos-standalone-nav-toggle';
+            button.type = 'button';
+            button.className = 'eos-standalone-nav-toggle';
+            button.innerHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M14.8 5.4 8.2 12l6.6 6.6" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>';
+            const toggle = event => {
+                event.preventDefault();
+                event.stopPropagation();
+                event.stopImmediatePropagation?.();
+                const compact = !document.documentElement.classList.contains('eos-nav-compact');
+                document.documentElement.classList.toggle('eos-nav-compact', compact);
+                safe(() => localStorage.setItem('nexowatt:eosNavCompact', compact ? '1' : '0'));
+                button.setAttribute('aria-pressed', compact ? 'true' : 'false');
+                button.setAttribute('title', compact ? 'Navigation normal anzeigen' : 'Navigation kompakt anzeigen');
+                button.setAttribute('aria-label', compact ? 'Navigation normal anzeigen' : 'Navigation kompakt anzeigen');
+            };
+            button.addEventListener('click', toggle, true);
+            button.addEventListener('keydown', event => {
+                if (event.key === 'Enter' || event.key === ' ') toggle(event);
+            }, true);
+            document.body.appendChild(button);
+        }
+        const compact = document.documentElement.classList.contains('eos-nav-compact') || safe(() => localStorage.getItem('nexowatt:eosNavCompact') === '1');
+        document.documentElement.classList.toggle('eos-nav-compact', !!compact);
+        button.setAttribute('aria-pressed', compact ? 'true' : 'false');
+        button.setAttribute('title', compact ? 'Navigation normal anzeigen' : 'Navigation kompakt anzeigen');
+        button.setAttribute('aria-label', compact ? 'Navigation normal anzeigen' : 'Navigation kompakt anzeigen');
+    });
+
     const patchDocumentMeta = () => safe(() => {
         document.title = BRAND_LONG;
         const theme = document.querySelector('meta[name="theme-color"]');
@@ -973,6 +1101,7 @@
         patchLogin();
         patchShell();
         applyNavCompactPreference();
+        ensureStandaloneNavToggle();
         installAssistDelegatedClick();
         ensureEosAssist();
         ensureRightsHelper();
@@ -993,6 +1122,7 @@
         patchLogin();
         patchShell();
         applyNavCompactPreference();
+        ensureStandaloneNavToggle();
         installAssistDelegatedClick();
         ensureEosAssist();
         ensureRightsHelper();

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

@@ -1,7 +1,7 @@
 (() => {
     'use strict';
 
-    const VERSION = 'v30-security-admin-only-polish';
+    const VERSION = 'v31-security-text-polish';
     const LEGACY_ADMIN = 'admin';
     const LEGACY_ADMIN_INSTANCE = 'admin.0';
     const ASSET_BASE = (() => {
@@ -29,6 +29,21 @@
     };
 
     const normalize = value => String(value || '').replace(/\s+/g, ' ').trim();
+
+    const fixMojibake = value => {
+        let text = String(value || '');
+        const map = new Map(Object.entries({
+            'dürfen': 'dürfen', 'Dürfen': 'Dürfen', 'für': 'für', 'Für': 'Für',
+            'können': 'können', 'Können': 'Können', 'möglich': 'möglich', 'Möglich': 'Möglich',
+            'Löschen': 'Löschen', 'löschen': 'löschen', 'schützen': 'schützen', 'Schützen': 'Schützen',
+            'Schützt': 'Schützt', 'schützt': 'schützt', 'Geschützte': 'Geschützte', 'geschützte': 'geschützte',
+            'ausgewählte': 'ausgewählte', 'Ausgewählte': 'Ausgewählte', 'ändern': 'ändern', 'Ändern': 'Ändern',
+            'über': 'über', 'Ãœber': 'Über', 'Wähle': 'Wähle', 'wähle': 'wähle',
+            'ß': 'ß', 'Ä': 'Ä', 'Ö': 'Ö', 'Ãœ': 'Ü', 'ä': 'ä', 'ö': 'ö', 'ü': 'ü'
+        }));
+        for (const [from, to] of map) if (text.includes(from)) text = text.split(from).join(to);
+        return text;
+    };
     const normalizeFlat = value => normalize(value).toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, '');
     const normalizeAdapter = value => {
         let adapter = String(value || '').trim().toLowerCase();
@@ -163,6 +178,8 @@
                     changed = true;
                 }
             }
+            const fixed = fixMojibake(value);
+            if (fixed !== value) { value = fixed; changed = true; }
             if (changed) node.nodeValue = value;
         }
     };

package/docs/NEXOWATT_EOS_UI_V31_NAV_SECURITY_ASSIST_DE.md

@@ -0,0 +1,12 @@
+# NexoWatt EOS Admin v31
+
+## Inhalt
+
+- Kompakt-Pfeil im Navigationsrail sitzt zentriert in einer einzelnen Kachel.
+- Die Abmelden-Kachel neben dem Pfeil wird robuster ausgeblendet.
+- EOS-Security-Texte werden UTF-8-sicher zur Laufzeit repariert.
+- EOS Assist wurde als KI-vorbereiteter Einrichtungsassistent erweitert. Bei Wallboxen werden mehrere Wege vorgeschlagen: Herstelleradapter, Modbus TCP/RTU, OCPP, MQTT/HTTP/REST und Datenpunkt-Mapping.
+
+## Version
+
+`7.9.31`