iobroker.eos-admin 7.9.35 → 7.9.37

package/adminWww/css/eos-branding.css

@@ -3319,3 +3319,153 @@ html.eos-app #eos-assist-root {
     html.eos-app .eos-assist-root,
     html.eos-app #eos-assist-root { right: 96px !important; }
 }
+
+
+/* === NexoWatt EOS v37: native adapter configuration safe mode =============
+   Custom adapter configuration pages (React/HTML/jsonConfig) must be fully
+   controlled by the adapter itself. EOS shell decoration is disabled inside the
+   content area so buttons such as "Gerät hinzufügen" and "Gerät bearbeiten" stay
+   clickable and dialogs/popovers are not hidden behind overlays. */
+html.eos-app.eos-adapter-config-surface #app-paper,
+html.eos-app.eos-adapter-config-surface #app-paper * {
+    pointer-events: auto !important;
+}
+html.eos-app.eos-adapter-config-surface #app-paper button,
+html.eos-app.eos-adapter-config-surface #app-paper [role="button"],
+html.eos-app.eos-adapter-config-surface #app-paper a,
+html.eos-app.eos-adapter-config-surface #app-paper input,
+html.eos-app.eos-adapter-config-surface #app-paper select,
+html.eos-app.eos-adapter-config-surface #app-paper textarea,
+html.eos-app.eos-adapter-config-surface #app-paper .MuiButton-root,
+html.eos-app.eos-adapter-config-surface #app-paper .MuiIconButton-root,
+html.eos-app.eos-adapter-config-surface #app-paper .MuiMenuItem-root {
+    pointer-events: auto !important;
+    user-select: auto !important;
+}
+html.eos-app.eos-adapter-config-surface .eos-assist-root,
+html.eos-app.eos-adapter-config-surface #eos-assist-root,
+html.eos-app.eos-adapter-config-surface .eos-assist-config-hidden {
+    display: none !important;
+    visibility: hidden !important;
+    pointer-events: none !important;
+}
+html.eos-app.eos-adapter-config-surface .MuiDialog-root,
+html.eos-app.eos-adapter-config-surface .MuiModal-root,
+html.eos-app.eos-adapter-config-surface .MuiPopover-root,
+html.eos-app.eos-adapter-config-surface .MuiMenu-root,
+html.eos-app.eos-adapter-config-surface .MuiDialog-container {
+    pointer-events: auto !important;
+    z-index: 4200 !important;
+}
+html.eos-app.eos-adapter-config-surface .MuiDialog-paper,
+html.eos-app.eos-adapter-config-surface .MuiPopover-paper,
+html.eos-app.eos-adapter-config-surface .MuiMenu-paper {
+    pointer-events: auto !important;
+}
+html.eos-app.eos-adapter-config-surface #app-paper .eos-protected-delete-control,
+html.eos-app.eos-adapter-config-surface #app-paper .eos-security-hidden-delete,
+html.eos-app.eos-adapter-config-surface #app-paper .eos-protected-adapter-row {
+    display: revert !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+    filter: none !important;
+    pointer-events: auto !important;
+}
+
+/* === NexoWatt EOS v37: notification close compatibility ==================
+   Toasts/snackbars/alerts must stay above EOS decoration and their close
+   actions must remain clickable on all routes. */
+html.eos-app .MuiSnackbar-root,
+html.eos-app .SnackbarItem-root,
+html.eos-app .SnackbarItem-wrappedRoot,
+html.eos-app .notistack-Snackbar,
+html.eos-app .Toastify__toast-container,
+html.eos-app .Toastify__toast,
+html.eos-app [role="alert"],
+html.eos-app .MuiAlert-root {
+    pointer-events: auto !important;
+    z-index: 5200 !important;
+}
+html.eos-app .MuiSnackbar-root button,
+html.eos-app .SnackbarItem-root button,
+html.eos-app .notistack-Snackbar button,
+html.eos-app .Toastify__toast button,
+html.eos-app .MuiAlert-root button,
+html.eos-app [role="alert"] button,
+html.eos-app button[aria-label="close"],
+html.eos-app button[aria-label="Close"],
+html.eos-app button[title="Schließen"],
+html.eos-app button[title="Close"] {
+    pointer-events: auto !important;
+    opacity: 1 !important;
+    visibility: visible !important;
+    z-index: 5201 !important;
+}
+html.eos-app .MuiSnackbar-root svg,
+html.eos-app .SnackbarItem-root svg,
+html.eos-app .MuiAlert-root svg,
+html.eos-app [role="alert"] svg {
+    pointer-events: none !important;
+}
+
+/* v37: BackItUp-safe mode. EOS keeps delete/stop controls protected in the UI,
+   but does not force adapter-object ACLs for runtime adapters by default. */
+html.eos-app .eos-backitup-safe-note { color: rgba(226,245,255,.78); }
+
+/* v37: native Admin notifications must always be closable. */
+html.eos-app .MuiSnackbar-root,
+html.eos-app .MuiAlert-root,
+html.eos-app .MuiSnackbarContent-root,
+html.eos-app [role="alert"],
+html.eos-app .Toastify__toast,
+html.eos-app .notistack-Snackbar,
+html.eos-app .eos-notification-safe {
+    pointer-events: auto !important;
+    z-index: 5200 !important;
+}
+html.eos-app .MuiSnackbar-root button,
+html.eos-app .MuiAlert-root button,
+html.eos-app .MuiSnackbarContent-root button,
+html.eos-app [role="alert"] button,
+html.eos-app .Toastify__toast button,
+html.eos-app .notistack-Snackbar button,
+html.eos-app .eos-notification-safe button,
+html.eos-app .eos-notification-safe [role="button"],
+html.eos-app .eos-notification-safe a,
+html.eos-app .eos-notification-safe .MuiIconButton-root {
+    pointer-events: auto !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+}
+html.eos-app .eos-notification-safe .eos-protected-delete-control,
+html.eos-app .eos-notification-safe .eos-security-hidden-delete {
+    display: inline-flex !important;
+    pointer-events: auto !important;
+}
+
+
+/* v37 notification dialog safety: notification dialogs must stay fully native/clickable. */
+html.eos-app .eos-notification-dialog-root,
+html.eos-app .MuiModal-root:has(#notifications-dialog-close),
+html.eos-app .MuiDialog-root:has(#notifications-dialog-close) {
+    pointer-events: auto !important;
+    z-index: 4300 !important;
+}
+html.eos-app .eos-notification-dialog,
+html.eos-app .MuiDialog-paper:has(#notifications-dialog-close) {
+    pointer-events: auto !important;
+    z-index: 4301 !important;
+}
+html.eos-app .eos-notification-dialog button,
+html.eos-app .eos-notification-dialog [role="button"],
+html.eos-app .MuiDialog-paper:has(#notifications-dialog-close) button,
+html.eos-app .MuiDialog-paper:has(#notifications-dialog-close) [role="button"] {
+    pointer-events: auto !important;
+    visibility: visible !important;
+}
+
+/* v37: security text must never show mojibake-like fragments after runtime repair. */
+html.eos-app .eos-security-admin-only-field,
+html.eos-app .eos-settings-dialog {
+    unicode-bidi: plaintext;
+}

package/adminWww/index.html

@@ -31,7 +31,7 @@
             rel="stylesheet"
             href="css/leaflet.css"
         />
-        <link rel="stylesheet" href="./css/eos-branding.css?v=35" />
+        <link rel="stylesheet" href="./css/eos-branding.css?v=37" />
         <link
             rel="manifest"
             href="manifest.json"
@@ -154,10 +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=35"></script>
-            <script defer src="./js/eos-security-ui.js?v=35"></script>
-            <script defer src="./js/eos-hard-logout.js?v=35"></script>
-            <script defer src="./js/eos-assistant.js?v=35"></script>
+            <script defer src="./js/eos-branding.js?v=37"></script>
+            <script defer src="./js/eos-security-ui.js?v=37"></script>
+            <script defer src="./js/eos-assistant.js?v=37"></script>
     </head>
     <body>
         <noscript>You need to enable JavaScript to run this app.</noscript>

package/adminWww/js/eos-branding.js

@@ -1,7 +1,7 @@
 (() => {
     'use strict';
 
-    window.NEXOWATT_EOS_UI_VERSION = 'v35-login-config-fix';
+    window.NEXOWATT_EOS_UI_VERSION = 'v37-notification-backitup-security-text-fix';
 
     const BRAND = 'NexoWatt EOS';
     const EOS_MEANING = 'Energy Operation System';
@@ -48,6 +48,46 @@
         'ß': 'ß', 'Ä': 'Ä', 'Ö': 'Ö', 'Ãœ': 'Ü', 'ä': 'ä', 'ö': 'ö', 'ü': 'ü'
     }));
 
+
+
+    const decodeMojibakeChunk = chunk => {
+        try {
+            const bytes = Uint8Array.from(Array.from(chunk, char => char.charCodeAt(0) & 0xff));
+            const decoded = new TextDecoder('utf-8', { fatal: false }).decode(bytes);
+            return decoded && decoded !== chunk ? decoded : chunk;
+        } catch (_) {
+            return chunk;
+        }
+    };
+
+    const repairMojibake = value => {
+        let text = String(value || '');
+        // Repair common UTF-8-as-Latin1 fragments, including double-encoded strings
+        // such as dürfen, Löschen, geschützt.
+        for (let i = 0; i < 3 && /(?:Ã.|Â.|â.|�)/.test(text); i += 1) {
+            const repaired = text.replace(/[\u00C2-\u00F4][\u0080-\u00BF\u00A0-\u00BF]+/g, decodeMojibakeChunk);
+            if (repaired === text) break;
+            text = repaired;
+        }
+        const hardMap = new Map(Object.entries({
+            'dürfen': 'dürfen', 'dürfen': 'dürfen', 'Dürfen': 'Dürfen', 'Dürfen': 'Dürfen',
+            'für': 'für', 'für': 'für', 'Für': 'Für', 'Für': 'Für',
+            'können': 'können', 'können': 'können', 'Können': 'Können', 'Können': 'Können',
+            'möglich': 'möglich', 'möglich': 'möglich', 'Möglich': 'Möglich', 'Möglich': 'Möglich',
+            'Löschen': 'Löschen', 'Löschen': 'Löschen', 'löschen': 'löschen', 'löschen': 'löschen',
+            'schützen': 'schützen', 'schützen': 'schützen', 'Schützen': 'Schützen', 'Schützen': 'Schützen',
+            'Geschützte': 'Geschützte', 'Geschützte': 'Geschützte', 'geschützte': 'geschützte', 'geschützte': 'geschützte',
+            'ausgewählte': 'ausgewählte', 'ausgewählte': 'ausgewählte', 'Ausgewählte': 'Ausgewählte', 'Ausgewählte': 'Ausgewählte',
+            'ändern': 'ändern', 'ändern': 'ändern', 'Ãœber': 'Über', 'Ãœber': 'Über', 'über': 'über', 'über': 'über',
+            'Gerät': 'Gerät', 'Gerät': 'Gerät', 'Geräte': 'Geräte', 'Geräte': 'Geräte',
+            'schließen': 'schließen', 'schließen': 'schließen', 'ß': 'ß', 'ß': 'ß',
+            'ä': 'ä', 'ä': 'ä', 'ö': 'ö', 'ö': 'ö', 'ü': 'ü', 'ü': 'ü',
+            'Ä': 'Ä', 'Ä': 'Ä', 'Ö': 'Ö', 'Ö': 'Ö', 'Ãœ': 'Ü', 'Ãœ': 'Ü', ' ': ' ', 'Â': ''
+        }));
+        for (const [from, to] of hardMap) if (text.includes(from)) text = text.split(from).join(to);
+        return text;
+    };
+
     const EXACT_LABELS = new Map(Object.entries({
         'Admin': BRAND,
         'NEXOWATT': 'NEXOWATT EOS',
@@ -104,11 +144,13 @@
 
     const replaceBrand = value => {
         if (!value || typeof value !== 'string') return value;
-        let next = value;
+        let next = repairMojibake(value);
         for (const [from, to] of MOJIBAKE_REPLACEMENTS) {
             if (next.includes(from)) next = next.split(from).join(to);
         }
+        next = repairMojibake(next);
         for (const [pattern, replacement] of TEXT_REPLACEMENTS) next = next.replace(pattern, replacement);
+        next = repairMojibake(next);
         const compact = next.trim();
         if (EXACT_LABELS.has(compact)) next = next.replace(compact, EXACT_LABELS.get(compact));
         return next;
@@ -145,6 +187,32 @@
         while ((node = walker.nextNode())) patchTextNode(node);
     });
 
+
+    const patchMojibakeTextNode = node => {
+        if (!node || node.nodeType !== Node.TEXT_NODE || !node.nodeValue) return;
+        if (skipElement(node.parentElement)) return;
+        const before = node.nodeValue;
+        const after = repairMojibake(before);
+        if (after !== before) node.nodeValue = after;
+    };
+
+    const patchMojibakeTextNodes = root => safe(() => {
+        if (!root) return;
+        if (root.nodeType === Node.TEXT_NODE) {
+            patchMojibakeTextNode(root);
+            return;
+        }
+        if (root.nodeType !== Node.ELEMENT_NODE && root.nodeType !== Node.DOCUMENT_NODE) return;
+        if (skipElement(root)) return;
+        const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {
+            acceptNode(node) {
+                return skipElement(node.parentElement) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT;
+            }
+        });
+        let node;
+        while ((node = walker.nextNode())) patchMojibakeTextNode(node);
+    });
+
     const patchImage = img => {
         const src = img.getAttribute('src') || '';
         const alt = img.getAttribute('alt') || '';
@@ -335,6 +403,26 @@
         });
     };
 
+
+    const releaseNotificationControls = () => safe(() => {
+        // v37: notification/snackbar close buttons belong to the native Admin UI.
+        // They must never be disabled or covered by EOS security/layout layers.
+        document.querySelectorAll('.MuiSnackbar-root, .MuiAlert-root, .MuiSnackbarContent-root, [role="alert"], .Toastify__toast, .notistack-Snackbar').forEach(box => {
+            box.classList.add('eos-notification-safe');
+            box.style.pointerEvents = 'auto';
+            box.querySelectorAll('button, [role="button"], a, .MuiIconButton-root, svg').forEach(control => {
+                control.classList.remove('eos-protected-delete-control', 'eos-security-hidden-delete');
+                control.removeAttribute('disabled');
+                control.removeAttribute('aria-disabled');
+                if ('disabled' in control) control.disabled = false;
+                control.style.pointerEvents = 'auto';
+                control.style.display = '';
+                control.style.visibility = '';
+                control.style.opacity = '';
+            });
+        });
+    });
+
     const protectDeleteDialogs = () => {
         if (isAdminUser() || state.securityPolicy.restrictProtectedAdapterControls === false) return;
         const protectedAdapters = state.securityPolicy.protectedAdapters || [];
@@ -398,6 +486,10 @@
     const applySecurityUiGuard = () => safe(() => {
         const policy = state.securityPolicy;
         applySecurityClasses();
+        releaseNotificationControls();
+        // Do not apply EOS security decoration inside native adapter configuration pages.
+        // Adapter UIs must remain 100% functional; backend/role checks still protect EOS actions.
+        if (isAdapterConfigSurface()) return;
         if (!policy.loaded) return;
         if (isAdminUser()) {
             document.querySelectorAll('.eos-hidden-legacy-admin, .eos-protected-adapter-row').forEach(el => {
@@ -470,16 +562,33 @@
     };
 
 
+    const isAdapterConfigSurface = () => document.documentElement.classList.contains('eos-adapter-config-surface');
+
     const markAdapterConfigSurface = () => safe(() => {
-        const text = textOfElement(document.querySelector('#app-paper') || document.body).slice(0, 1500);
-        const isConfig = /Instanzeinstellungen:|Instance settings:|Gerät hinzufügen|Gerät bearbeiten|Adapterkonfiguration|json exportieren/i.test(text)
-            || /tab-instances/i.test(window.location.hash || '');
+        const app = document.querySelector('#app-paper') || document.body;
+        const text = textOfElement(app).slice(0, 3500);
+        const isConfig = /Instanzeinstellungen:|Instance settings:|Gerät hinzufügen|Gerät bearbeiten|Geräteliste|Adapterkonfiguration|json exportieren|json importieren|Speichern und schließen|Save and close/i.test(text);
         document.documentElement.classList.toggle('eos-adapter-config-surface', !!isConfig);
         if (!isConfig) return;
-        // Do not let EOS decorative layers influence adapter specific buttons/dialogs.
-        document.querySelectorAll('#app-paper button, #app-paper [role="button"], #app-paper a, #app-paper input, #app-paper select, #app-paper textarea').forEach(control => {
+
+        // Native adapter configuration UIs are owned by the adapter. EOS must never
+        // block, rewrite or intercept their controls. This is critical for custom
+        // React/HTML configuration pages such as nexowatt-devices.
+        document.querySelectorAll('#app-paper button, #app-paper [role="button"], #app-paper a, #app-paper input, #app-paper select, #app-paper textarea, #app-paper [tabindex]').forEach(control => {
             if (control.closest('.eos-assist-root, #eos-assist-root, .eos-standalone-nav-toggle')) return;
             control.style.pointerEvents = 'auto';
+            control.removeAttribute('aria-disabled');
+        });
+        document.querySelectorAll('#app-paper .eos-protected-delete-control, #app-paper .eos-security-hidden-delete, #app-paper .eos-protected-adapter-row').forEach(el => {
+            el.classList.remove('eos-protected-delete-control', 'eos-security-hidden-delete', 'eos-protected-adapter-row');
+            el.removeAttribute('aria-disabled');
+            if (el.style) {
+                el.style.pointerEvents = '';
+                el.style.display = '';
+                el.style.visibility = '';
+                el.style.opacity = '';
+            }
+            if ('disabled' in el && !el.dataset.eosOriginalDisabled) el.disabled = false;
         });
     });
 
@@ -592,13 +701,10 @@
     }
 
     const installHardLogoutWatchdog = () => {
-        if (hardLogoutInstalled) return;
+        // v36: disabled. Upstream ioBroker Admin session handling is used again so
+        // the configured admin TTL is respected and native adapter config pages are
+        // not interrupted by duplicate EOS timers.
         hardLogoutInstalled = true;
-        window.addEventListener('focus', () => checkHardLogoutSession(), { passive: true });
-        document.addEventListener('visibilitychange', () => {
-            if (!document.hidden) checkHardLogoutSession();
-        }, { passive: true });
-        scheduleHardLogoutCheck(2500);
     };
 
     const ensureBrandBadge = toolbar => {
@@ -730,6 +836,7 @@
         }
         patchDrawerHeader(document.querySelector('.MuiDrawer-paper'));
         hideNativeLogoutNav();
+        patchNotifications();
         removeLogoutButton();
     });
 
@@ -850,6 +957,26 @@
     });
 
 
+    
+
+    const ensureNotificationDialogClasses = () => safe(() => {
+        document.querySelectorAll('.MuiDialog-root, .MuiModal-root, [role="presentation"]').forEach(root => {
+            const paper = root.querySelector?.('.MuiDialog-paper, [role="dialog"]');
+            if (!paper) return;
+            const txt = normalize(paper.textContent || '');
+            if (!/(benachrichtigungen|notifications|acknowledge|bestätigen|schließen|close)/i.test(txt) && !paper.querySelector('#notifications-dialog-close')) return;
+            root.classList.add('eos-notification-dialog-root');
+            paper.classList.add('eos-notification-dialog');
+            paper.querySelectorAll('button, [role="button"], a, .MuiButtonBase-root, .MuiIconButton-root').forEach(control => {
+                control.style.pointerEvents = 'auto';
+                control.style.userSelect = 'auto';
+                if (control.getAttribute('aria-disabled') === 'true' && /schließen|close/i.test(control.textContent || control.getAttribute('aria-label') || control.getAttribute('title') || '')) {
+                    control.removeAttribute('aria-disabled');
+                }
+            });
+        });
+    });
+
     const ensureSettingsDialogClasses = () => safe(() => {
         const dialogs = Array.from(document.querySelectorAll('.MuiDialog-paper, [role="dialog"]'));
         dialogs.forEach(dialog => {
@@ -903,6 +1030,28 @@
     });
 
 
+
+
+    const patchNotifications = () => safe(() => {
+        const selectors = [
+            '.MuiSnackbar-root', '.SnackbarItem-root', '.SnackbarItem-wrappedRoot', '.notistack-Snackbar',
+            '.Toastify__toast-container', '.Toastify__toast', '.MuiAlert-root', '[role="alert"]'
+        ];
+        document.querySelectorAll(selectors.join(',')).forEach(node => {
+            node.classList.add('eos-notification-surface');
+            if (node.style) {
+                node.style.pointerEvents = 'auto';
+                if (!node.closest('.MuiDialog-root')) node.style.zIndex = '5200';
+            }
+            node.querySelectorAll('button,[role="button"],a').forEach(control => {
+                control.classList.add('eos-notification-action');
+                control.style.pointerEvents = 'auto';
+                control.style.visibility = 'visible';
+                control.style.opacity = '1';
+            });
+        });
+    });
+
     const applyNavCompactPreference = () => safe(() => {
         const compact = localStorage.getItem('nexowatt:eosNavCompact') === '1';
         document.documentElement.classList.toggle('eos-nav-compact', compact);
@@ -1009,6 +1158,11 @@
             document.querySelectorAll('.eos-assist-launcher,.eos-assist-panel:not(#eos-assist-root .eos-assist-panel)').forEach(el => el.remove());
             return;
         }
+        if (isAdapterConfigSurface()) {
+            const existing = document.getElementById('eos-assist-root');
+            if (existing) existing.classList.add('eos-assist-config-hidden');
+            return;
+        }
 
         let root = document.getElementById('eos-assist-root');
         if (!root) {
@@ -1042,6 +1196,7 @@
             document.body.appendChild(root);
         }
 
+        root.classList.remove('eos-assist-config-hidden');
         const ctx = assistContext();
         const button = root.querySelector('.eos-assist-button');
         const input = root.querySelector('.eos-assist-input');
@@ -1200,11 +1355,27 @@
         ensureRightsHelper();
         ensurePermissionPresets();
         ensureSettingsDialogClasses();
+        ensureNotificationDialogClasses();
         hideNativeLogoutNav();
         hideOfficialNexoWattRepoWarning();
+        patchNotifications();
         applySecurityUiGuard();
-        patchTextNodes(document.body || document.documentElement);
-        patchAttributes(document.body || document.documentElement);
+        if (isAdapterConfigSurface()) {
+            // Adapter-owned configuration pages must not be rebranded or structurally patched.
+            // We still repair broken UTF-8/mojibake text because jsonConfig labels can be
+            // rendered through different legacy paths. This is text-only and does not touch
+            // adapter controls, React state, events or attributes.
+            patchMojibakeTextNodes(document.getElementById('app-paper'));
+            ['.MuiAppBar-root', '.MuiDrawer-paper', 'nav', '.eos-brand-badge', '.eos-top-toolbar'].forEach(selector => {
+                document.querySelectorAll(selector).forEach(scope => {
+                    patchTextNodes(scope);
+                    patchAttributes(scope);
+                });
+            });
+        } else {
+            patchTextNodes(document.body || document.documentElement);
+            patchAttributes(document.body || document.documentElement);
+        }
     };
 
     const scopePatch = () => {
@@ -1223,11 +1394,17 @@
         ensureRightsHelper();
         ensurePermissionPresets();
         ensureSettingsDialogClasses();
+        ensureNotificationDialogClasses();
         hideNativeLogoutNav();
         hideOfficialNexoWattRepoWarning();
+        patchNotifications();
         applySecurityUiGuard();
         for (const scope of scopes.slice(0, 80)) {
             if (!scope || !scope.isConnected) continue;
+            if (isAdapterConfigSurface() && (scope.id === 'app-paper' || scope.closest?.('#app-paper'))) {
+                patchMojibakeTextNodes(scope);
+                continue;
+            }
             patchTextNodes(scope);
             patchAttributes(scope);
         }
@@ -1258,14 +1435,17 @@
         const observer = new MutationObserver(mutations => {
             for (const mutation of mutations) {
                 if (mutation.type === 'characterData') {
-                    patchTextNode(mutation.target);
+                    if (isAdapterConfigSurface() && mutation.target?.parentElement?.closest?.('#app-paper')) patchMojibakeTextNode(mutation.target);
+                    else patchTextNode(mutation.target);
                     continue;
                 }
                 if (mutation.type !== 'childList') continue;
                 mutation.addedNodes.forEach(node => {
                     if (!node) return;
-                    if (node.nodeType === Node.TEXT_NODE) patchTextNode(node);
-                    else if (node.nodeType === Node.ELEMENT_NODE) state.pendingScopes.add(node);
+                    if (node.nodeType === Node.TEXT_NODE) {
+                        if (isAdapterConfigSurface() && node.parentElement?.closest?.('#app-paper')) patchMojibakeTextNode(node);
+                        else patchTextNode(node);
+                    } else if (node.nodeType === Node.ELEMENT_NODE) state.pendingScopes.add(node);
                 });
             }
             if (state.pendingScopes.size) scheduleScopePatch();
@@ -1294,3 +1474,21 @@
     window.addEventListener('load', () => scheduleFullPatch(0), { once: true });
     window.addEventListener('hashchange', () => scheduleFullPatch(0));
 })();
+
+
+// v37 eos notification close compatibility: never let EOS overlays block native notification dialogs.
+(() => {
+    const normalize = value => String(value || '').replace(/\s+/g, ' ').trim();
+    document.addEventListener('click', event => {
+        const target = event.target?.closest?.('button, [role="button"], a, .MuiButtonBase-root, .MuiIconButton-root');
+        if (!target) return;
+        const dialog = target.closest?.('.eos-notification-dialog, .MuiDialog-paper, [role="dialog"]');
+        if (!dialog || !/benachrichtigungen|notifications|acknowledge|bestätigen|schließen|close/i.test(dialog.textContent || '')) return;
+        const label = normalize(`${target.textContent || ''} ${target.getAttribute?.('aria-label') || ''} ${target.getAttribute?.('title') || ''}`);
+        if (/schließen|close|bestätigen|acknowledge/i.test(label)) {
+            target.style.pointerEvents = 'auto';
+            // Do not prevent React handlers; only stop EOS-specific bubbling side effects.
+            event.stopPropagation();
+        }
+    }, true);
+})();