iobroker.eos-admin 7.9.93 → 7.9.96

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

@@ -0,0 +1,62 @@
+/* nexowatt-ems-overview-v1 – current runtime and future React build */
+.eos-ems-overview-card {
+    --eos-ems-status-color: #48b9ff;
+    box-sizing: border-box;
+    flex: 1 1 720px;
+    min-width: min(100%, 420px);
+    max-width: 1180px;
+    min-height: 390px;
+    margin: 10px;
+    padding: 22px;
+    border: 1px solid color-mix(in srgb, var(--eos-ems-status-color) 38%, rgba(255,255,255,.08));
+    border-radius: 20px;
+    background: linear-gradient(145deg, rgba(4,24,35,.97), rgba(3,16,29,.98));
+    color: #ecf8ff;
+    box-shadow: 0 18px 55px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.025);
+    overflow: hidden;
+}
+#eos-ems-overview-runtime { width: calc(100% - 32px); max-width: none; margin: 0 16px 20px; }
+.eos-ems-overview-card * { box-sizing: border-box; }
+.eos-ems-overview-header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
+.eos-ems-overview-header h2 { margin:5px 0 6px; font-size:clamp(1.2rem,2vw,1.65rem); color:#f5fbff; }
+.eos-ems-overview-header p { margin:0; max-width:760px; color:#9eb2c2; line-height:1.45; }
+.eos-ems-overview-eyebrow { color:#49e39e; font-size:.72rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
+.eos-ems-overview-state { min-width:126px; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:3px 8px; padding:9px 12px; border:1px solid rgba(255,255,255,.09); border-radius:999px; background:rgba(255,255,255,.035); }
+.eos-ems-overview-state-dot { width:9px; height:9px; border-radius:50%; background:var(--eos-ems-status-color); box-shadow:0 0 15px var(--eos-ems-status-color); }
+.eos-ems-overview-state strong { color:var(--eos-ems-status-color); }
+.eos-ems-overview-state small { grid-column:2; color:#8095a6; }
+.eos-ems-overview-metrics { display:grid; grid-template-columns:repeat(4,minmax(130px,1fr)); gap:10px; margin-top:19px; }
+.eos-ems-overview-metric { min-width:0; padding:12px; border:1px solid rgba(255,255,255,.075); border-radius:14px; background:rgba(255,255,255,.025); }
+.eos-ems-overview-metric span,.eos-ems-overview-metric small { display:block; color:#879cad; font-size:.72rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.eos-ems-overview-metric strong { display:block; margin:4px 0 2px; color:#f4fbff; font-size:1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.eos-ems-overview-budget { height:7px; margin:12px 0 10px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden; }
+.eos-ems-overview-budget span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#01bc69,var(--eos-ems-status-color)); box-shadow:0 0 15px color-mix(in srgb,var(--eos-ems-status-color) 50%,transparent); transition:width .25s ease; }
+.eos-ems-overview-tags { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:14px; }
+.eos-ems-overview-tags span { padding:5px 9px; border:1px solid rgba(72,185,255,.18); border-radius:999px; background:rgba(72,185,255,.07); color:#b9deef; font-size:.72rem; font-weight:750; }
+.eos-ems-overview-tags span.is-warning { border-color:rgba(255,189,89,.3); background:rgba(255,189,89,.09); color:#ffd484; }
+.eos-ems-overview-columns { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
+.eos-ems-overview-panel { min-width:0; padding:14px; border:1px solid rgba(255,255,255,.065); border-radius:16px; background:rgba(0,0,0,.12); }
+.eos-ems-overview-panel h3 { margin:0 0 10px; color:#dfeef6; font-size:.9rem; }
+.eos-ems-overview-decision,.eos-ems-overview-event { position:relative; display:grid; gap:2px; margin-top:7px; padding:8px 9px 8px 12px; border-radius:10px; background:rgba(255,255,255,.025); overflow:hidden; }
+.eos-ems-overview-decision::before,.eos-ems-overview-event::before { content:''; position:absolute; inset:0 auto 0 0; width:3px; background:#48b9ff; }
+.eos-ems-overview-decision--warning::before,.eos-ems-overview-event--warning::before { background:#ffbd59; }
+.eos-ems-overview-decision--error::before,.eos-ems-overview-event--error::before { background:#ff5f72; }
+.eos-ems-overview-decision strong,.eos-ems-overview-event strong { color:#e7f4fa; font-size:.78rem; }
+.eos-ems-overview-decision span,.eos-ems-overview-event span { color:#91a5b5; font-size:.72rem; line-height:1.35; }
+.eos-ems-overview-decision small { color:#6fcba1; font-size:.68rem; }
+.eos-ems-overview-event { grid-template-columns:64px 1fr; align-items:start; }
+.eos-ems-overview-event time { color:#6f8799; font-size:.68rem; font-variant-numeric:tabular-nums; }
+.eos-ems-overview-event div { display:grid; gap:2px; min-width:0; }
+.eos-ems-overview-empty { color:#718797; font-size:.76rem; }
+.eos-ems-overview-footer { display:flex; justify-content:space-between; gap:12px; margin-top:12px; color:#60798a; font-size:.67rem; }
+.eos-ems-overview-footer a { color:#5ee0c2; font-weight:800; text-decoration:none; }
+.eos-ems-overview-footer a:hover,.eos-ems-overview-footer a:focus-visible { color:#9af2dd; text-decoration:underline; }
+@media (max-width: 1100px) { .eos-ems-overview-card { flex-basis:100%; max-width:none; } }
+@media (max-width: 760px) {
+    #eos-ems-overview-runtime,.eos-ems-overview-card { min-width:0; width:calc(100% - 16px); margin:8px; padding:16px; }
+    .eos-ems-overview-header { display:grid; }
+    .eos-ems-overview-state { width:max-content; }
+    .eos-ems-overview-metrics { grid-template-columns:1fr 1fr; }
+    .eos-ems-overview-columns { grid-template-columns:1fr; }
+    .eos-ems-overview-footer { display:grid; }
+}

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

@@ -75,8 +75,8 @@ html.eos-login main.MuiPaper-root::before {
     left: 50%;
     top: 50%;
     box-sizing: border-box;
-    width: min(390px, calc(100vw - 24px));
-    height: min(480px, calc(100vh - 24px));
+    width: min(520px, calc(100vw - 24px)) !important;
+    height: min(640px, calc(100dvh - 24px)) !important;
     transform: translate(-50%, -50%);
     border: 1px solid rgba(0, 229, 138, .34);
     border-radius: 26px;
@@ -90,28 +90,19 @@ html.eos-login main.MuiPaper-root > .MuiPaper-root:has(#password) {
     position: relative;
     z-index: 1;
     box-sizing: border-box !important;
-    width: min(334px, calc(100vw - 56px)) !important;
-    height: min(424px, calc(100vh - 56px)) !important;
-    min-height: 0 !important;
-    max-width: none !important;
+    width: min(460px, calc(100vw - 56px)) !important;
+    height: auto !important;
+    min-height: 540px !important;
+    max-width: 460px !important;
     max-height: none !important;
-    padding: 28px !important;
-    overflow: hidden !important;
-    scrollbar-width: none !important;
+    padding: 34px 36px 32px !important;
+    overflow: visible !important;
     border-radius: 24px !important;
     color: var(--nx-text) !important;
     background: linear-gradient(180deg, rgba(14, 36, 56, .97), rgba(4, 15, 27, .96)) !important;
     border: 1px solid var(--nx-border-accent) !important;
     box-shadow: 0 18px 44px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
 }
-
-html.eos-login .eos-login-card-modern::-webkit-scrollbar,
-html.eos-login main.MuiPaper-root > .MuiPaper-root:has(#username)::-webkit-scrollbar,
-html.eos-login main.MuiPaper-root > .MuiPaper-root:has(#password)::-webkit-scrollbar {
-    display: none !important;
-    width: 0 !important;
-    height: 0 !important;
-}
 html.eos-login img[src*="admin"],
 html.eos-login .MuiAvatar-img { object-fit: contain !important; filter: drop-shadow(0 0 18px rgba(0,255,136,.35)); }
 
@@ -865,7 +856,7 @@ html.eos-modern-login body::before {
 
 
 /* ========================================================================== 
-   NexoWatt EOS 7.9.92 – stable product layout
+   NexoWatt EOS 7.9.94 – stable product layout
    Integrated first login, header assistant, role-safe overview and account
    management exclusively below "Zugänge & Rechte".
    ========================================================================== */
@@ -895,13 +886,12 @@ html.eos-login .eos-login-card-modern {
     /* Compact product login: the form remains the proven inner card while the
        decorative rear frame keeps a fixed, restrained footprint. */
     box-sizing: border-box !important;
-    width: min(334px, calc(100vw - 56px)) !important;
-    height: min(424px, calc(100vh - 56px)) !important;
-    min-height: 0 !important;
-    max-width: none !important;
+    width: min(460px, calc(100vw - 56px)) !important;
+    height: auto !important;
+    min-height: 540px !important;
+    max-width: 460px !important;
     max-height: none !important;
-    overflow: hidden !important;
-    scrollbar-width: none !important;
+    overflow: visible !important;
 }
 .eos-login-role-selector {
     display: none !important;
@@ -1203,7 +1193,7 @@ html.eos-role-enduser [data-instance-id^="backitup."] { display: none !important
 
 
 
-/* Final 7.9.92 interaction guards. */
+/* Final 7.9.94 interaction guards. */
 html.eos-safe-overview-active #app-paper { position: relative !important; }
 html.eos-safe-overview-active #app-paper > :not(#eos-role-safe-overview):not(.MuiSnackbar-root):not([role="presentation"]) {
     pointer-events: none !important;
@@ -1302,144 +1292,100 @@ html.eos-route-intro #app-paper [class*="card"] {
     .eos-assist-header-root .eos-assist-panel { right: 8px !important; width: calc(100vw - 16px); }
 }
 
-/* v93 EOS Assist – live, role-aware system assistant in the fixed header. */
-.eos-assist-header-root .eos-assist-panel {
-    display: flex;
-    flex-direction: column;
-    width: min(520px, calc(100vw - 32px));
-    max-height: min(720px, calc(100vh - var(--nx-content-top) - 12px));
-    overflow: hidden !important;
-}
-.eos-assist-toolbar {
-    display: flex;
-    justify-content: space-between;
-    gap: 8px;
-    margin-top: 12px;
+
+/* NexoWatt EOS 7.9.96 – spacious login card without inner scrollbars. */
+html.eos-login,
+html.eos-login body {
+    min-height: 100%;
+    margin: 0 !important;
+    overflow-x: hidden !important;
+    overflow-y: auto !important;
 }
-.eos-assist-toolbar button,
-.eos-assist-settings-actions button {
-    min-height: 34px;
-    padding: 7px 11px;
-    color: #dcf8ff;
-    font-size: 11px;
-    font-weight: 800;
-    border: 1px solid rgba(69, 213, 255, .2);
-    border-radius: 10px;
-    background: rgba(7, 27, 41, .78);
-    cursor: pointer;
+html.eos-login #root {
+    min-height: 100dvh;
+    box-sizing: border-box;
+    padding: 24px 12px;
 }
-.eos-assist-toolbar button:hover,
-.eos-assist-settings-actions button:hover { border-color: rgba(0, 229, 138, .48); }
-.eos-assist-conversation {
-    display: flex;
-    flex: 1 1 auto;
-    min-height: 0;
-    flex-direction: column;
-}
-.eos-assist-transcript {
-    flex: 1 1 auto;
-    min-height: 150px;
-    max-height: 390px;
-    margin-top: 12px;
-    padding: 10px;
-    overflow-y: auto;
-    overscroll-behavior: contain;
-    border: 1px solid rgba(0, 212, 255, .16);
-    border-radius: 15px;
-    background: rgba(0, 6, 12, .32);
-    scrollbar-width: thin;
-    scrollbar-color: rgba(0, 229, 138, .5) rgba(3, 16, 27, .7);
+html.eos-login main.MuiPaper-root {
+    box-sizing: border-box !important;
+    min-height: calc(100dvh - 48px) !important;
+    padding: 28px 0 !important;
+    overflow: visible !important;
 }
-.eos-assist-welcome {
-    padding: 17px 12px;
-    color: #99b9c7;
-    font-size: 12px;
-    line-height: 1.55;
-    text-align: center;
+html.eos-login main.MuiPaper-root::before {
+    width: min(520px, calc(100vw - 24px)) !important;
+    height: min(640px, calc(100dvh - 24px)) !important;
+    min-height: 590px !important;
 }
-.eos-assist-message {
-    max-width: 92%;
-    margin: 0 0 9px;
-    padding: 10px 12px;
-    color: #edfaff;
-    font-size: 12px;
-    line-height: 1.52;
-    white-space: pre-wrap;
-    overflow-wrap: anywhere;
-    border: 1px solid rgba(69, 213, 255, .14);
-    border-radius: 14px;
-    background: rgba(9, 31, 45, .72);
-}
-.eos-assist-message strong { display: block; margin-bottom: 4px; color: #00e58a; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
-.eos-assist-message-user { margin-left: auto; border-color: rgba(0, 229, 138, .2); background: rgba(0, 98, 78, .24); }
-.eos-assist-message-error { border-color: rgba(255, 174, 66, .34); background: rgba(102, 58, 5, .25); }
-.eos-assist-message-error strong { color: #ffc56b; }
-.eos-assist-message a { color: #51dcff; font-weight: 800; text-decoration: underline; }
-.eos-assist-input-row { align-items: stretch; }
-.eos-assist-input {
-    min-height: 48px;
-    max-height: 110px;
-    resize: vertical;
-    font: inherit;
-    line-height: 1.4;
-}
-.eos-assist-send { min-width: 82px; }
-.eos-assist-send:disabled { cursor: progress; opacity: .62; }
-.eos-assist-status {
-    margin-top: 10px;
-    padding-top: 9px;
-    color: #8eaeba;
-    font-size: 10px;
-    line-height: 1.35;
-    border-top: 1px solid rgba(69, 213, 255, .1);
-}
-.eos-assist-status[data-kind="ready"] { color: #71eeb9; }
-.eos-assist-status[data-kind="warning"] { color: #ffc56b; }
-.eos-assist-status[data-kind="error"] { color: #ff8b8b; }
-.eos-assist-settings {
-    display: none;
-    flex: 1 1 auto;
-    min-height: 0;
-    margin-top: 12px;
-    padding: 12px;
-    overflow-y: auto;
-    border: 1px solid rgba(0, 229, 138, .18);
-    border-radius: 15px;
-    background: rgba(0, 8, 15, .36);
+html.eos-login main.MuiPaper-root > .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"] {
+    box-sizing: border-box !important;
+    width: min(460px, calc(100vw - 56px)) !important;
+    min-width: 0 !important;
+    min-height: 540px !important;
+    height: auto !important;
+    max-width: 460px !important;
+    max-height: none !important;
+    padding: 34px 36px 32px !important;
+    overflow: visible !important;
 }
-.eos-assist-settings-open .eos-assist-conversation { display: none; }
-.eos-assist-settings-open .eos-assist-settings { display: grid; gap: 10px; }
-.eos-assist-settings label { display: grid; gap: 5px; color: #9fc0cc; font-size: 11px; font-weight: 750; }
-.eos-assist-settings input,
-.eos-assist-settings select {
-    width: 100%;
-    min-height: 37px;
+html.eos-login main.MuiPaper-root > .eos-login-card-modern *,
+html.eos-login main.MuiPaper-root > .MuiPaper-root:has(#username) *,
+html.eos-login main.MuiPaper-root > .MuiPaper-root:has(#password) * {
     box-sizing: border-box;
-    padding: 7px 9px;
-    color: #eafaff;
-    border: 1px solid rgba(69, 213, 255, .2);
-    border-radius: 9px;
-    background: #061724;
-    outline: none;
-}
-.eos-assist-settings input:focus,
-.eos-assist-settings select:focus { border-color: rgba(0, 229, 138, .58); box-shadow: 0 0 0 2px rgba(0, 229, 138, .08); }
-.eos-assist-settings .eos-assist-check { display: flex; align-items: center; gap: 8px; }
-.eos-assist-settings .eos-assist-check input { width: 18px; min-height: 18px; }
-.eos-assist-base-url-label { display: none !important; }
-.eos-assist-custom-provider .eos-assist-base-url-label { display: grid !important; }
-.eos-assist-settings-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
-.eos-assist-settings-actions .eos-assist-save { color: #00151c; border: 0; background: linear-gradient(135deg, #00e58a, #45d5ff); }
-.eos-assist-not-configured .eos-assist-dot { background: #ffc34d; box-shadow: 0 0 12px rgba(255, 195, 77, .9); }
-@media (max-width: 620px) {
-    .eos-assist-header-root .eos-assist-panel {
-        top: calc(var(--nx-shell-top) + var(--nx-header-h) + 5px) !important;
-        right: 7px !important;
-        width: calc(100vw - 14px);
-        max-height: calc(100vh - var(--nx-header-h) - 20px);
-        padding: 13px;
+    max-width: 100%;
+}
+html.eos-login .MuiAlert-root,
+html.eos-login [role="alert"],
+html.eos-login .eos-login-first-status,
+html.eos-login .eos-login-first-hint {
+    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;
+    word-break: normal !important;
+    flex-shrink: 0 !important;
+}
+html.eos-login input,
+html.eos-login button,
+html.eos-login form {
+    max-width: 100% !important;
+}
+@media (max-width: 560px) {
+    html.eos-login #root { padding: 10px 8px; }
+    html.eos-login main.MuiPaper-root { min-height: calc(100dvh - 20px) !important; padding: 14px 0 !important; }
+    html.eos-login main.MuiPaper-root::before {
+        width: calc(100vw - 16px) !important;
+        min-height: 0 !important;
+        height: calc(100% - 4px) !important;
+        border-radius: 20px !important;
+    }
+    html.eos-login main.MuiPaper-root > .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;
     }
-    .eos-assist-transcript { max-height: 45vh; }
-    .eos-assist-input-row { flex-direction: column; }
-    .eos-assist-send { min-height: 40px; }
 }
+@media (max-height: 690px) {
+    html.eos-login main.MuiPaper-root::before { min-height: 0 !important; height: calc(100% - 12px) !important; }
+    html.eos-login main.MuiPaper-root > .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; }
+}
+
+
+/* 7.9.96: native Intro owns the overview for every EOS role. */
+#eos-role-safe-overview,
+.eos-role-safe-overview { display: none !important; }
+html.eos-safe-overview-active #app-paper > :not(.MuiSnackbar-root):not([role="presentation"]) { pointer-events: auto !important; }
+.eos-intro-admin-edit-hidden { display: none !important; }

package/adminWww/index.html

@@ -8,7 +8,7 @@
         <meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate" />
         <meta http-equiv="Pragma" content="no-cache" />
         <meta http-equiv="Expires" content="0" />
-          <script src="./js/eos-manual-write-policy.js?v=93"></script>
+          <script src="./js/eos-manual-write-policy.js?v=96"></script>
           <script type="module" src="./assets/hostInit-v84.js?v=84"></script>
         
         <meta charset="utf-8" />
@@ -36,7 +36,8 @@
             rel="stylesheet"
             href="css/leaflet.css"
         />
-        <link rel="stylesheet" href="./css/nexowatt-native-shell.css?v=93" />
+        <link rel="stylesheet" href="./css/nexowatt-native-shell.css?v=96" />
+        <link rel="stylesheet" href="./css/eos-ems-overview.css?v=96" />
         <link
             rel="manifest"
             href="manifest.json"
@@ -158,18 +159,21 @@
         </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-role-bootstrap.js?v=93" data-eos-entry="./assets/index-CQZugZ1z-v84.js?v=84"></script>
-            <script defer src="./js/eos-policy-client.js?v=93"></script>
-            <script defer src="./js/eos-branding-sanitizer.js?v=93"></script>
-            <script defer src="./js/nexowatt-native-shell.js?v=93"></script>
-            <script defer src="./js/eos-native-security.js?v=93"></script>
-            <script defer src="./js/eos-basic-settings.js?v=93"></script>
-            <script defer src="./js/eos-role-ui.js?v=93"></script>
-            <script defer src="./js/eos-account-management.js?v=93"></script>
-            <script defer src="./js/eos-assistant.js?v=93"></script>
+            <script defer src="./js/eos-role-bootstrap.js?v=96" data-eos-entry="./assets/index-CQZugZ1z-v84.js?v=84"></script>
+            <script defer src="./js/eos-policy-client.js?v=96"></script>
+            <script defer src="./js/eos-branding-sanitizer.js?v=96"></script>
+            <script defer src="./js/nexowatt-native-shell.js?v=96"></script>
+            <script defer src="./js/eos-native-security.js?v=96"></script>
+            <script defer src="./js/eos-basic-settings.js?v=96"></script>
+            <script defer src="./js/eos-role-ui.js?v=96"></script>
+            <script defer src="./js/eos-ems-overview.js?v=96"></script>
+            <script defer src="./js/eos-account-management.js?v=96"></script>
+            <script defer src="./js/eos-assistant.js?v=96"></script>
     </head>
     <body>
         <noscript>Für NexoWatt EOS muss JavaScript aktiviert sein.</noscript>
         <div id="root"></div>
+<script defer src="static/js/nexowatt-stable-login.js?v=96"></script>
+<script defer src="static/js/nexowatt-stable-v96.js?v=96"></script>
 </body>
 </html>

package/adminWww/js/eos-account-management.js

@@ -1,7 +1,7 @@
 (() => {
     'use strict';
 
-    const VERSION = 'v93-account-management-under-access-rights';
+    const VERSION = 'v91-account-management-under-access-rights';
     const script = document.currentScript || document.querySelector('script[src*="eos-account-management.js"]');
     const base = new URL('../', script?.src || window.location.href);
     const abort = new AbortController();