varminer-app-header 2.6.3 → 2.6.5

package/dist/AppHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../src/AppHeader.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAe,MAAM,SAAS,CAAC;AAItD,OAAO,sBAAsB,CAAC;AAQ9B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8zBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../src/AppHeader.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAe,MAAM,SAAS,CAAC;AAItD,OAAO,sBAAsB,CAAC;AAQ9B,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAo1BvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/index.css

@@ -1 +1 @@
-.MuiToolbar-root{background-color:var(--color-header-bg,var(--color-white))!important;height:var(--size-header-height,65px)!important;min-height:var(--size-header-height,65px)!important;padding-left:15px!important}.MuiToolbar-root,.MuiToolbar-root .MuiButtonBase-root{color:var(--color-brand-primary,var(--color-brand-primary))!important}.MuiToolbar-root .MuiButtonBase-root{margin-right:0}.app-header{flex-shrink:0}.app-header,.app-header .MuiAppBar-root{background-color:var(--color-header-bg,var(--color-white))!important;height:var(--size-header-height,65px)!important}.app-header .MuiAppBar-root{box-shadow:none!important;left:0;position:fixed!important;right:0;top:0;z-index:var(--size-header-zindex,200)!important}.app-header .MuiPaper-root:only-of-type{border-bottom:1px solid var(--color-border-header,var(--color-border-header));box-shadow:none!important;padding:0!important}.var{color:var(--color-brand-accent,var(--color-brand-accent))!important}.miner,.var{font:500 20px var(--font-brand-semibold,"OpenSans-SemiBold",sans-serif)}.miner{color:var(--color-brand-deep-navy,var(--color-brand-deep-navy))!important}.account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-name{color:var(--color-profile-name,var(--color-brand-primary));font:600 16px/28px var(--font-brand-semibold,"OpenSans-SemiBold",sans-serif)}.account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-email{color:var(--color-profile-email,var(--color-text-secondary-alpha));font:400 14px/24px var(--font-brand-regular,"OpenSans-Regular",sans-serif);text-decoration:underline}.account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-role{color:var(--color-profile-role,var(--color-text-muted-alpha));font:400 12px/28px var(--font-brand-regular,"OpenSans-Regular",sans-serif);text-transform:uppercase}.account-menu:has(.profile-menu-item) .profile-menu-item{padding:10px 15px 5px}.account-menu:has(.profile-menu-item) .MuiMenu-paper{background:var(--color-menu-bg-gradient,linear-gradient(180deg,var(--color-white),var(--color-selected-row),var(--color-selected-row)));box-shadow:none!important;color:var(--color-menu-text,var(--color-black));margin:0;max-width:var(--size-menu-width,280px);width:var(--size-menu-width,280px)}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root{min-width:40px;padding:10px}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root .MuiAvatar-circular{height:40px;margin-left:-10px;margin-right:0;width:40px}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root:first-of-type{margin-top:10px}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root .MuiListItemIcon-root .MuiSvgIcon-root{color:var(--color-brand-primary,var(--color-brand-primary))}
+.MuiToolbar-root{background-color:var(--color-header-bg,var(--color-white))!important;height:var(--size-header-height,65px)!important;min-height:var(--size-header-height,65px)!important;padding-left:15px!important}.MuiToolbar-root,.MuiToolbar-root .MuiButtonBase-root{color:var(--color-brand-primary,var(--color-brand-primary))!important}.MuiToolbar-root .MuiButtonBase-root{margin-right:0}.app-header{flex-shrink:0}.app-header,.app-header .MuiAppBar-root{background-color:var(--color-header-bg,var(--color-white))!important;height:var(--size-header-height,65px)!important}.app-header .MuiAppBar-root{box-shadow:none!important;left:0;position:fixed!important;right:0;top:0;z-index:var(--size-header-zindex,200)!important}.app-header .MuiPaper-root:only-of-type{border-bottom:1px solid var(--color-border-header,var(--color-border-header));box-shadow:none!important;padding:0!important}.var{color:var(--color-brand-accent,var(--color-brand-accent))!important}.miner,.var{font:500 20px var(--font-brand-semibold,"OpenSans-SemiBold",sans-serif)}.miner{color:var(--color-brand-deep-navy,var(--color-brand-deep-navy))!important}.account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-name,[id=account-menu]:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-name{color:var(--color-profile-name,var(--color-brand-primary,var(--color-brand-primary)));font:600 16px/28px var(--font-brand-semibold,"OpenSans-SemiBold",sans-serif)}.account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-email,[id=account-menu]:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-email{color:var(--color-profile-email,var(--color-text-secondary-alpha,var(--color-text-secondary-alpha)));font:400 14px/24px var(--font-brand-regular,"OpenSans-Regular",sans-serif);text-decoration:underline}.account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-role,[id=account-menu]:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-role{color:var(--color-profile-role,var(--color-text-muted-alpha,var(--color-text-muted-alpha)));font:400 12px/28px var(--font-brand-regular,"OpenSans-Regular",sans-serif);text-transform:uppercase}.profile-name{color:var(--color-profile-name,var(--color-brand-primary,var(--color-brand-primary)));font:600 16px/28px var(--font-brand-semibold,"OpenSans-SemiBold",sans-serif)}.profile-email{color:var(--color-profile-email,var(--color-text-secondary-alpha,var(--color-text-secondary-alpha)));font:400 14px/24px var(--font-brand-regular,"OpenSans-Regular",sans-serif);text-decoration:underline}.profile-role{color:var(--color-profile-role,var(--color-text-muted-alpha,var(--color-text-muted-alpha)));font:400 12px/28px var(--font-brand-regular,"OpenSans-Regular",sans-serif);text-transform:uppercase}.account-menu:has(.profile-menu-item) .profile-menu-item,[id=account-menu]:has(.profile-menu-item) .profile-menu-item{padding:10px 15px 5px}.account-menu:has(.profile-menu-item) .MuiMenu-paper,[id=account-menu]:has(.profile-menu-item) .MuiMenu-paper{background:var(--color-menu-bg-gradient,linear-gradient(180deg,var(--color-white,var(--color-white)),var(--color-selected-row,var(--color-bg-subtle)),var(--color-selected-row,var(--color-bg-subtle))));box-shadow:none!important;color:var(--color-menu-text,var(--color-black,var(--color-black)));margin:0;max-width:var(--size-menu-width,280px);width:var(--size-menu-width,280px)}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root,[id=account-menu]:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root{min-width:40px;padding:10px}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root .MuiAvatar-circular,[id=account-menu]:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root .MuiAvatar-circular{height:40px;margin-left:-10px;margin-right:0;width:40px}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root:first-of-type,[id=account-menu]:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root:first-of-type{margin-top:10px}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root .MuiListItemIcon-root .MuiSvgIcon-root,[id=account-menu]:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root .MuiListItemIcon-root .MuiSvgIcon-root{color:var(--color-brand-primary,var(--color-brand-primary))}

package/dist/index.d.ts

@@ -98,7 +98,8 @@ interface HeaderAuthState {
  */
 declare function setHeaderAuth(auth: HeaderAuthState | null): void;
 /**
- * User display data: from IAM only (linn-i-am-userDetails). No dependency on persist:userdb.
+ * User display data: prefers linn-i-am-userDetails (IAM), falls back to
+ * persist:userdb → profileInformation.userDetails, then authDetails.auth.user.
  */
 declare const getUserDataFromStorage: () => {
     name: string;

package/dist/index.esm.css

@@ -1 +1 @@
-.MuiToolbar-root{background-color:var(--color-header-bg,var(--color-white))!important;height:var(--size-header-height,65px)!important;min-height:var(--size-header-height,65px)!important;padding-left:15px!important}.MuiToolbar-root,.MuiToolbar-root .MuiButtonBase-root{color:var(--color-brand-primary,var(--color-brand-primary))!important}.MuiToolbar-root .MuiButtonBase-root{margin-right:0}.app-header{flex-shrink:0}.app-header,.app-header .MuiAppBar-root{background-color:var(--color-header-bg,var(--color-white))!important;height:var(--size-header-height,65px)!important}.app-header .MuiAppBar-root{box-shadow:none!important;left:0;position:fixed!important;right:0;top:0;z-index:var(--size-header-zindex,200)!important}.app-header .MuiPaper-root:only-of-type{border-bottom:1px solid var(--color-border-header,var(--color-border-header));box-shadow:none!important;padding:0!important}.var{color:var(--color-brand-accent,var(--color-brand-accent))!important}.miner,.var{font:500 20px var(--font-brand-semibold,"OpenSans-SemiBold",sans-serif)}.miner{color:var(--color-brand-deep-navy,var(--color-brand-deep-navy))!important}.account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-name{color:var(--color-profile-name,var(--color-brand-primary));font:600 16px/28px var(--font-brand-semibold,"OpenSans-SemiBold",sans-serif)}.account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-email{color:var(--color-profile-email,var(--color-text-secondary-alpha));font:400 14px/24px var(--font-brand-regular,"OpenSans-Regular",sans-serif);text-decoration:underline}.account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-role{color:var(--color-profile-role,var(--color-text-muted-alpha));font:400 12px/28px var(--font-brand-regular,"OpenSans-Regular",sans-serif);text-transform:uppercase}.account-menu:has(.profile-menu-item) .profile-menu-item{padding:10px 15px 5px}.account-menu:has(.profile-menu-item) .MuiMenu-paper{background:var(--color-menu-bg-gradient,linear-gradient(180deg,var(--color-white),var(--color-selected-row),var(--color-selected-row)));box-shadow:none!important;color:var(--color-menu-text,var(--color-black));margin:0;max-width:var(--size-menu-width,280px);width:var(--size-menu-width,280px)}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root{min-width:40px;padding:10px}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root .MuiAvatar-circular{height:40px;margin-left:-10px;margin-right:0;width:40px}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root:first-of-type{margin-top:10px}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root .MuiListItemIcon-root .MuiSvgIcon-root{color:var(--color-brand-primary,var(--color-brand-primary))}
+.MuiToolbar-root{background-color:var(--color-header-bg,var(--color-white))!important;height:var(--size-header-height,65px)!important;min-height:var(--size-header-height,65px)!important;padding-left:15px!important}.MuiToolbar-root,.MuiToolbar-root .MuiButtonBase-root{color:var(--color-brand-primary,var(--color-brand-primary))!important}.MuiToolbar-root .MuiButtonBase-root{margin-right:0}.app-header{flex-shrink:0}.app-header,.app-header .MuiAppBar-root{background-color:var(--color-header-bg,var(--color-white))!important;height:var(--size-header-height,65px)!important}.app-header .MuiAppBar-root{box-shadow:none!important;left:0;position:fixed!important;right:0;top:0;z-index:var(--size-header-zindex,200)!important}.app-header .MuiPaper-root:only-of-type{border-bottom:1px solid var(--color-border-header,var(--color-border-header));box-shadow:none!important;padding:0!important}.var{color:var(--color-brand-accent,var(--color-brand-accent))!important}.miner,.var{font:500 20px var(--font-brand-semibold,"OpenSans-SemiBold",sans-serif)}.miner{color:var(--color-brand-deep-navy,var(--color-brand-deep-navy))!important}.account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-name,[id=account-menu]:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-name{color:var(--color-profile-name,var(--color-brand-primary,var(--color-brand-primary)));font:600 16px/28px var(--font-brand-semibold,"OpenSans-SemiBold",sans-serif)}.account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-email,[id=account-menu]:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-email{color:var(--color-profile-email,var(--color-text-secondary-alpha,var(--color-text-secondary-alpha)));font:400 14px/24px var(--font-brand-regular,"OpenSans-Regular",sans-serif);text-decoration:underline}.account-menu:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-role,[id=account-menu]:has(.profile-menu-section) .MuiList-root .MuiListItem-root .MuiListItemText-root .MuiTypography-root.profile-role{color:var(--color-profile-role,var(--color-text-muted-alpha,var(--color-text-muted-alpha)));font:400 12px/28px var(--font-brand-regular,"OpenSans-Regular",sans-serif);text-transform:uppercase}.profile-name{color:var(--color-profile-name,var(--color-brand-primary,var(--color-brand-primary)));font:600 16px/28px var(--font-brand-semibold,"OpenSans-SemiBold",sans-serif)}.profile-email{color:var(--color-profile-email,var(--color-text-secondary-alpha,var(--color-text-secondary-alpha)));font:400 14px/24px var(--font-brand-regular,"OpenSans-Regular",sans-serif);text-decoration:underline}.profile-role{color:var(--color-profile-role,var(--color-text-muted-alpha,var(--color-text-muted-alpha)));font:400 12px/28px var(--font-brand-regular,"OpenSans-Regular",sans-serif);text-transform:uppercase}.account-menu:has(.profile-menu-item) .profile-menu-item,[id=account-menu]:has(.profile-menu-item) .profile-menu-item{padding:10px 15px 5px}.account-menu:has(.profile-menu-item) .MuiMenu-paper,[id=account-menu]:has(.profile-menu-item) .MuiMenu-paper{background:var(--color-menu-bg-gradient,linear-gradient(180deg,var(--color-white,var(--color-white)),var(--color-selected-row,var(--color-bg-subtle)),var(--color-selected-row,var(--color-bg-subtle))));box-shadow:none!important;color:var(--color-menu-text,var(--color-black,var(--color-black)));margin:0;max-width:var(--size-menu-width,280px);width:var(--size-menu-width,280px)}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root,[id=account-menu]:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root{min-width:40px;padding:10px}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root .MuiAvatar-circular,[id=account-menu]:has(.profile-menu-item) .MuiMenu-paper .MuiListItemAvatar-root .MuiAvatar-circular{height:40px;margin-left:-10px;margin-right:0;width:40px}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root:first-of-type,[id=account-menu]:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root:first-of-type{margin-top:10px}.account-menu:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root .MuiListItemIcon-root .MuiSvgIcon-root,[id=account-menu]:has(.profile-menu-item) .MuiMenu-paper .MuiMenuItem-root .MuiListItemIcon-root .MuiSvgIcon-root{color:var(--color-brand-primary,var(--color-brand-primary))}

package/dist/index.esm.js

@@ -108,21 +108,80 @@ function setHeaderAuth(auth) {
     }
 }
 /**
- * User display data: from IAM only (linn-i-am-userDetails). No dependency on persist:userdb.
+ * User display data: prefers linn-i-am-userDetails (IAM), falls back to
+ * persist:userdb → profileInformation.userDetails, then authDetails.auth.user.
  */
 const getUserDataFromStorage = () => {
+    // Primary source: IAM app sets this after OTP verification
     const iamUser = getStoredUserDetails();
-    if (!iamUser)
-        return null;
-    const name = [iamUser.firstName, iamUser.lastName].filter(Boolean).join(" ").trim();
-    const role = iamUser.roles?.length ? iamUser.roles[0] : iamUser.workInfo?.jobTitle ?? "";
-    return {
-        name: name || "",
-        email: iamUser.email || "",
-        role: role || "",
-        avatar: undefined,
-        initials: name ? name.split(/\s+/).map((s) => s[0]).join("").slice(0, 2).toUpperCase() : undefined,
-    };
+    if (iamUser) {
+        const name = [iamUser.firstName, iamUser.lastName].filter(Boolean).join(" ").trim();
+        const role = iamUser.roles?.length ? iamUser.roles[0] : iamUser.workInfo?.jobTitle ?? "";
+        return {
+            name: name || "",
+            email: iamUser.email || "",
+            role: role || "",
+            avatar: undefined,
+            initials: name ? name.split(/\s+/).map((s) => s[0]).join("").slice(0, 2).toUpperCase() : undefined,
+        };
+    }
+    // Fallback: read from persist:userdb which is written by the IAM/login app
+    try {
+        const raw = localStorage.getItem("persist:userdb");
+        if (!raw)
+            return null;
+        const outer = JSON.parse(raw);
+        const parseNested = (v) => {
+            if (typeof v === "string") {
+                try {
+                    return JSON.parse(v);
+                }
+                catch {
+                    return v;
+                }
+            }
+            return v;
+        };
+        // profileInformation.userDetails has firstName, lastName, email, roles[]
+        const profileInfo = parseNested(outer.profileInformation);
+        const userDetails = profileInfo?.userDetails;
+        if (userDetails && (userDetails.firstName || userDetails.lastName || userDetails.email)) {
+            const first = userDetails.firstName || "";
+            const last = userDetails.lastName || "";
+            const name = [first, last].filter(Boolean).join(" ").trim();
+            const roles = userDetails.roles;
+            const role = roles?.length ? roles[0] : userDetails.jobTitle ?? "";
+            return {
+                name,
+                email: userDetails.email || "",
+                role: role || "",
+                avatar: undefined,
+                initials: name ? name.split(/\s+/).map((s) => s[0]).join("").slice(0, 2).toUpperCase() : undefined,
+            };
+        }
+        // authDetails.auth.user has firstname/lastname (lowercase n) or firstName/lastName (camelCase) + activeRole
+        const authDetailsRaw = parseNested(outer.authDetails);
+        const auth = authDetailsRaw?.auth;
+        const userObj = auth?.user;
+        const firstFromUser = (userObj?.firstname ?? userObj?.firstName ?? userObj?.given_name ?? userObj?.first_name) || "";
+        const lastFromUser = (userObj?.lastname ?? userObj?.lastName ?? userObj?.family_name ?? userObj?.last_name) || "";
+        const emailFromUser = (userObj?.email ?? userObj?.emailAddress) || (auth?.email ?? auth?.sub) || "";
+        if (auth && (firstFromUser || lastFromUser || emailFromUser)) {
+            const name = [firstFromUser, lastFromUser].filter(Boolean).join(" ").trim();
+            const role = auth.activeRole || auth.role || "";
+            return {
+                name,
+                email: emailFromUser,
+                role,
+                avatar: undefined,
+                initials: name ? name.split(/\s+/).map((s) => s[0]).join("").slice(0, 2).toUpperCase() : undefined,
+            };
+        }
+    }
+    catch {
+        // ignore parse errors
+    }
+    return null;
 };
 const getNotificationCountFromStorage = () => {
     const userDbString = localStorage.getItem("persist:userdb");
@@ -277,49 +336,7 @@ const getAllDataFromStorage = () => {
             console.error("Error parsing header persist:", err);
         }
     }
-    // Fallback: try IAM persist key (persist:linn-i-am) then persist:userdb
-    const tryParsePersistForAuth = (raw) => {
-        if (!raw)
-            return null;
-        try {
-            const outer = JSON.parse(raw);
-            const parseNested = (v) => typeof v === "string" ? (() => { try {
-                return JSON.parse(v);
-            }
-            catch {
-                return v;
-            } })() : v;
-            for (const key of Object.keys(outer)) {
-                const parsed = parseNested(outer[key]);
-                if (parsed?.accessToken || parsed?.access_token || parsed?.token || parsed?.refreshToken)
-                    return parsed;
-                if (parsed?.auth && typeof parsed.auth === "object") {
-                    const a = parsed.auth;
-                    if (a.accessToken || a.access_token || a.token)
-                        return a;
-                }
-            }
-        }
-        catch {
-            /* ignore */
-        }
-        return null;
-    };
-    const iamPersist = localStorage.getItem("persist:linn-i-am");
-    const iamAuth = tryParsePersistForAuth(iamPersist);
-    if (iamAuth) {
-        const token = (iamAuth.accessToken ?? iamAuth.access_token ?? iamAuth.token);
-        if (token) {
-            const decodedToken = decodeJWT(token);
-            return {
-                ...emptyStorageResult(),
-                auth: iamAuth,
-                decodedToken: decodedToken ? Object.fromEntries(Object.entries(decodedToken).map(([k, v]) => [k, v ?? null])) : null,
-                rawData: iamAuth,
-            };
-        }
-    }
-    // Fallback: read access token from persist:userdb (e.g. legacy or shared auth)
+    // Fallback: read access token from persist:userdb
     const userDbString = localStorage.getItem("persist:userdb");
     if (!userDbString) {
         return emptyStorageResult();
@@ -520,7 +537,6 @@ function getTokenFromUserDbPersist(parsed) {
 function getAccessTokenForRequest() {
     const keysToTry = [
         PERSIST_HEADER_KEY,
-        "persist:linn-i-am",
         "persist:userdb",
         "token",
         "accessToken",
@@ -786,6 +802,35 @@ const AppHeader = ({ language: languageProp, accessToken: accessTokenProp, objec
         let userName = "";
         let userEmail = "";
         let userRole = "";
+        // === DEBUG ===
+        const _allLSKeys = [];
+        for (let i = 0; i < localStorage.length; i++) {
+            const k = localStorage.key(i);
+            if (k)
+                _allLSKeys.push(k);
+        }
+        const _dbgRaw = {};
+        _allLSKeys.forEach(k => {
+            const v = localStorage.getItem(k);
+            if (v) {
+                try {
+                    _dbgRaw[k] = JSON.parse(v);
+                }
+                catch {
+                    _dbgRaw[k] = v;
+                }
+            }
+            else {
+                _dbgRaw[k] = null;
+            }
+        });
+        console.warn("▶▶▶ [AppHeader DEBUG] ALL localStorage keys:", _allLSKeys);
+        console.warn("▶▶▶ [AppHeader DEBUG] ALL localStorage values:", _dbgRaw);
+        console.warn("▶▶▶ [AppHeader DEBUG] linn-i-am-userDetails:", localStorage.getItem("linn-i-am-userDetails"));
+        console.warn("▶▶▶ [AppHeader DEBUG] persist:userdb (raw):", localStorage.getItem("persist:userdb"));
+        console.warn("▶▶▶ [AppHeader DEBUG] getAllDataFromStorage():", allData);
+        console.warn("▶▶▶ [AppHeader DEBUG] getUserDataFromStorage():", getUserDataFromStorage());
+        // === END DEBUG ===
         const buildNameFromFirstLast = (obj) => {
             if (!obj || typeof obj !== "object")
                 return "";
@@ -810,8 +855,9 @@ const AppHeader = ({ language: languageProp, accessToken: accessTokenProp, objec
         }
         if (allData.auth) {
             const auth = allData.auth;
-            userEmail = userEmail || auth.email || auth.sub || "";
-            userName = userName || auth.name || buildNameFromFirstLast(auth) || "";
+            const authUser = auth.user;
+            userEmail = userEmail || auth.email || auth.sub || authUser?.email || authUser?.emailAddress || "";
+            userName = userName || auth.name || buildNameFromFirstLast(auth) || buildNameFromFirstLast(authUser) || "";
             userRole = userRole || auth.role || auth.activeRole || "";
         }
         if (allData.userDetails) {
@@ -854,13 +900,15 @@ const AppHeader = ({ language: languageProp, accessToken: accessTokenProp, objec
         const initialsVal = storedUser?.initials ??
             allData.auth?.initials ??
             allData.profile?.initials;
-        return {
+        const resolvedUser = {
             name: userName || "",
             email: userEmail || "",
             role: userRole || "",
             avatar: typeof avatarSrc === "string" ? avatarSrc : undefined,
             initials: typeof initialsVal === "string" ? initialsVal : undefined,
         };
+        console.warn("▶▶▶ [AppHeader DEBUG] Resolved user state (name/email/role):", resolvedUser);
+        return resolvedUser;
     });
     const [notificationCount, setNotificationCount] = React__default.useState(() => {
         const count = getNotificationCountFromStorage();
@@ -928,8 +976,9 @@ const AppHeader = ({ language: languageProp, accessToken: accessTokenProp, objec
         }
         if (allData.auth) {
             const auth = allData.auth;
-            userEmail = userEmail || auth.email || auth.sub || "";
-            userName = userName || auth.name || buildNameFromFirstLast(auth) || "";
+            const authUser = auth.user;
+            userEmail = userEmail || auth.email || auth.sub || authUser?.email || authUser?.emailAddress || "";
+            userName = userName || auth.name || buildNameFromFirstLast(auth) || buildNameFromFirstLast(authUser) || "";
             userRole = userRole || auth.role || auth.activeRole || "";
             userAvatar = userAvatar || auth.avatar || undefined;
             userInitials = userInitials || auth.initials || undefined;
@@ -1140,7 +1189,7 @@ const AppHeader = ({ language: languageProp, accessToken: accessTokenProp, objec
             width: "100%",
             maxWidth: 360,
             pointerEvents: "none",
-        }, component: "div", "aria-hidden": "true", tabIndex: -1, children: jsxs(ListItem, { alignItems: "flex-start", className: "profile-menu-item", children: [jsx(ListItemAvatar, { children: isOnlineStatus ? (jsx(OnlineBadge, { overlap: "circular", anchorOrigin: { vertical: "bottom", horizontal: "right" }, variant: "dot", title: t.online, "aria-label": `${t.online} status badge`, "data-testid": "online-badge", children: jsx(Avatar, { sx: { bgcolor: deepOrange[500] }, alt: user.name, title: user.name, src: user.avatar, children: getInitials() }) })) : (jsx(OfflineBadge, { overlap: "circular", anchorOrigin: { vertical: "bottom", horizontal: "right" }, variant: "dot", title: t.offline, "aria-label": `${t.offline} status badge`, "data-testid": "offline-badge", children: jsx(Avatar, { sx: { bgcolor: deepOrange[500] }, alt: user.name, title: user.name, src: user.avatar, children: getInitials() }) })) }), jsx(ListItemText, { primary: jsx(Typography, { className: "profile-name", component: "span", children: user.name || user.email }), secondary: jsxs(React__default.Fragment, { children: [user.name && user.email ? (jsx(Typography, { className: "profile-email", component: "p", children: user.email })) : null, jsxs(Typography, { className: "profile-role", component: "p", children: [t.role, ": ", user.role] })] }) })] }) }));
+        }, component: "div", "aria-hidden": "true", tabIndex: -1, children: jsxs(ListItem, { alignItems: "flex-start", className: "profile-menu-item", children: [jsx(ListItemAvatar, { children: isOnlineStatus ? (jsx(OnlineBadge, { overlap: "circular", anchorOrigin: { vertical: "bottom", horizontal: "right" }, variant: "dot", title: t.online, "aria-label": `${t.online} status badge`, "data-testid": "online-badge", children: jsx(Avatar, { sx: { bgcolor: deepOrange[500] }, alt: user.name, title: user.name, src: user.avatar, children: getInitials() }) })) : (jsx(OfflineBadge, { overlap: "circular", anchorOrigin: { vertical: "bottom", horizontal: "right" }, variant: "dot", title: t.offline, "aria-label": `${t.offline} status badge`, "data-testid": "offline-badge", children: jsx(Avatar, { sx: { bgcolor: deepOrange[500] }, alt: user.name, title: user.name, src: user.avatar, children: getInitials() }) })) }), jsx(ListItemText, { primaryTypographyProps: { component: "span" }, secondaryTypographyProps: { component: "span" }, primary: jsx(Typography, { className: "profile-name", component: "span", children: user.name || user.email }), secondary: jsxs(React__default.Fragment, { children: [user.name && user.email ? (jsx(Typography, { className: "profile-email", component: "span", display: "block", children: user.email })) : null, jsxs(Typography, { className: "profile-role", component: "span", display: "block", children: [t.role, ": ", user.role] })] }) })] }) }));
     const renderMenu = (jsxs(Menu, { anchorEl: anchorEl, id: "account-menu", open: open, onClose: handleClose, onClick: handleClose, slotProps: {
             paper: {
                 elevation: 0,