Deploy theme persistence and navigation fix

TaskTrackingSystem.WebApp/Components/App.razor

@@ -325,7 +325,7 @@
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="TaskTrackingSystem.WebApp.styles.css" />
     <link rel="stylesheet" href="app.css" />
-    <script src="theme-toggle.js?v=20260720-2" defer></script>
+    <script src="theme-toggle.js?v=20260720-3" defer></script>
     <script src="https://code.highcharts.com/highcharts.js"></script>
     <script src="https://code.highcharts.com/gantt/modules/gantt.js"></script>
     <script src="https://unpkg.com/lucide@latest"></script>
@@ -544,65 +544,6 @@
                 initFlatpickr();
             }
         }
-        const themePreferenceStorageKey = 'tts-theme';
-        const normalizeThemePreference = theme =>
-            theme === 'dark' || theme === 'light' ? theme : 'light';
-
-        window.themePreference = {
-            apply(theme) {
-                const normalizedTheme = normalizeThemePreference(theme);
-                const isDark = normalizedTheme === 'dark';
-                const root = document.documentElement;
-                root.classList.toggle('dark', isDark);
-                root.dataset.theme = normalizedTheme;
-                if (document.body) {
-                    document.body.classList.toggle('dark', isDark);
-                    document.body.dataset.theme = normalizedTheme;
-                }
-                try {
-                    localStorage.setItem(themePreferenceStorageKey, normalizedTheme);
-                } catch {
-                }
-                return isDark;
-            },
-            init() {
-                let theme = 'light';
-                try {
-                    theme = normalizeThemePreference(localStorage.getItem(themePreferenceStorageKey));
-                } catch {
-                }
-                return this.apply(theme);
-            },
-            toggle() {
-                const currentTheme = document.documentElement.dataset.theme ||
-                    (document.documentElement.classList.contains('dark') ? 'dark' : 'light');
-                return this.apply(currentTheme === 'dark' ? 'light' : 'dark');
-            }
-        };
-        window.updateTaskifyThemeControls = function () {
-            const isDark = document.documentElement.dataset.theme === 'dark' ||
-                document.documentElement.classList.contains('dark');
-            const title = isDark ? 'Switch to light mode' : 'Switch to dark mode';
-            const iconName = isDark ? 'sun' : 'moon';
-            document.querySelectorAll('[data-theme-toggle]').forEach(button => {
-                button.setAttribute('aria-pressed', String(isDark));
-                button.setAttribute('aria-label', title);
-                button.setAttribute('title', title);
-                const icon = button.querySelector('[data-lucide]');
-                if (icon) {
-                    icon.setAttribute('data-lucide', iconName);
-                }
-            });
-            initIcons();
-        };
-        window.toggleTaskifyThemeButton = function () {
-            if (!window.themePreference) {
-                return false;
-            }
-            window.themePreference.toggle();
-            window.updateTaskifyThemeControls();
-            return false;
-        };
         function downloadFile(filename, contentType, content) {
             const file = new Blob([content], {type: contentType});
             const exportUrl = URL.createObjectURL(file);
@@ -642,9 +583,6 @@
             }
         }
         function refreshClientEnhancements() {
-            if (window.themePreference && typeof window.themePreference.init === 'function') {
-                window.themePreference.init();
-            }
             if (window.updateTaskifyThemeControls) {
                 window.updateTaskifyThemeControls();
             }

TaskTrackingSystem.WebApp/Components/Layout/MainLayout.razor

@@ -254,21 +254,6 @@
         var menus = await MenuAuthorization.GetUserMenusAsync(user);
         dashboardHref = ResolveDashboardHref(menus);
         var allowed = MenuAuthorization.IsRouteAllowed(user, relativePath);
-        Console.WriteLine($"[DEBUG MainLayout] User: {user.Identity?.Name}, Path: {relativePath}, Allowed: {allowed}");
-        if (menus != null)
-        {
-            foreach (var m in menus)
-            {
-                Console.WriteLine($"  Menu: {m.MenuCode} (Url: {m.MenuUrl})");
-                if (m.SubMenus != null)
-                {
-                    foreach (var s in m.SubMenus)
-                    {
-                        Console.WriteLine($"    SubMenu: {s.MenuCode} (Url: {s.MenuUrl})");
-                    }
-                }
-            }
-        }
         isAuthorizedPage = allowed;
         await InvokeAsync(StateHasChanged);
     }

TaskTrackingSystem.WebApp/MenuAuthorizationService.cs

@@ -171,8 +171,7 @@ public class MenuAuthorizationService
 
         if (_sessionState.CachedAccessRoleId == roleKey && _sessionState.CachedAccessItems != null)
         {
-            // Cache hit, but verify the access has not been changed by an admin.
-            return LoadAccessItemsWithVersionCheckAsync(user, roleKey);
+            return Task.FromResult(_sessionState.CachedAccessItems);
         }
 
         return LoadAccessItemsAsync(user, roleKey);
@@ -200,7 +199,7 @@ public class MenuAuthorizationService
 
         if (_sessionState.CachedAccessRoleId == roleKey && _sessionState.CachedAccessCodes != null)
         {
-            return LoadAccessCodesWithVersionCheckAsync(user, roleKey);
+            return Task.FromResult(_sessionState.CachedAccessCodes);
         }
 
         return LoadAccessCodesAsync(user, roleKey);

TaskTrackingSystem.WebApp/wwwroot/app.css

@@ -495,9 +495,7 @@ html.dark .flatpickr-day.endRange {
     --app-sidebar-width: 18rem;
     display: flex;
     min-height: 100vh;
-    background:
-        linear-gradient(180deg, rgba(37, 99, 235, 0.035), transparent 18rem),
-        var(--app-bg);
+    background: var(--app-bg);
     color: var(--text-primary);
     overflow: hidden;
 }
@@ -520,9 +518,7 @@ html.dark .flatpickr-day.endRange {
     inset: 0;
     pointer-events: none;
     content: "";
-    background:
-        radial-gradient(circle at top left, rgba(37, 99, 235, 0.22), transparent 18rem),
-        linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 42%);
+    background: transparent;
 }
 
 .app-sidebar > * {
@@ -545,7 +541,7 @@ html.dark .flatpickr-day.endRange {
     align-items: center;
     justify-content: center;
     border-radius: var(--radius-lg);
-    background: linear-gradient(135deg, var(--brand-primary), var(--brand-accent));
+    background: var(--brand-primary);
     color: #FFFFFF;
     box-shadow: 0 10px 28px rgba(37, 99, 235, 0.28);
 }
@@ -1070,9 +1066,7 @@ html.dark .form-select {
    PROFESSIONAL UI REFRESH
    ========================================== */
 body {
-    background:
-        linear-gradient(180deg, rgba(15, 118, 110, 0.035), transparent 22rem),
-        var(--app-bg);
+    background: var(--app-bg);
 }
 
 ::selection {
@@ -1081,26 +1075,19 @@ body {
 }
 
 .app-shell {
-    background:
-        linear-gradient(180deg, rgba(15, 118, 110, 0.045), transparent 19rem),
-        radial-gradient(circle at 100% 0, rgba(180, 83, 9, 0.05), transparent 18rem),
-        var(--app-bg);
+    background: var(--app-bg);
 }
 
 .app-shell .app-sidebar {
-    background:
-        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 36%),
-        var(--sidebar-bg);
+    background: var(--sidebar-bg);
 }
 
 .app-sidebar::before {
-    background:
-        linear-gradient(90deg, rgba(94, 234, 212, 0.14), transparent 0.45rem),
-        radial-gradient(circle at top left, rgba(15, 118, 110, 0.20), transparent 17rem);
+    background: transparent;
 }
 
 .app-sidebar-logo {
-    background: linear-gradient(135deg, #0F766E, #B45309);
+    background: #0F766E;
     box-shadow: 0 12px 28px rgba(15, 118, 110, 0.24);
 }
 
@@ -1344,15 +1331,11 @@ html.dark .app-content {
 }
 
 html.dark body {
-    background:
-        linear-gradient(180deg, rgba(94, 234, 212, 0.04), transparent 22rem),
-        var(--app-bg);
+    background: var(--app-bg);
 }
 
 html.dark .app-shell {
-    background:
-        linear-gradient(180deg, rgba(94, 234, 212, 0.045), transparent 18rem),
-        var(--app-bg);
+    background: var(--app-bg);
 }
 
 html.dark main .bg-white,
@@ -1493,9 +1476,7 @@ body.tts-sidebar-open {
     gap: 1rem !important;
     min-width: 0 !important;
     width: 100% !important;
-    background:
-        linear-gradient(180deg, rgba(15, 118, 110, 0.035), transparent 14rem),
-        var(--app-bg) !important;
+    background: var(--app-bg) !important;
 }
 
 .app-shell .app-sidebar {
@@ -1507,9 +1488,7 @@ body.tts-sidebar-open {
     min-height: 100dvh !important;
     max-width: var(--app-sidebar-width) !important;
     transform: translateX(0) !important;
-    background:
-        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 36%),
-        var(--sidebar-bg) !important;
+    background: var(--sidebar-bg) !important;
 }
 
 .app-main {
@@ -1569,9 +1548,7 @@ main :is(.rounded-xl.border, .rounded-lg.border, .surface-panel) {
 }
 
 main :is(.rounded-xl.border.border-slate-200.bg-white, .rounded-lg.border.border-slate-200.bg-white) {
-    background:
-        linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0)),
-        var(--surface) !important;
+    background: var(--surface) !important;
 }
 
 main :is(h2, h3) {

TaskTrackingSystem.WebApp/wwwroot/theme-toggle.js

@@ -56,9 +56,9 @@
     }
 
     function initTheme() {
-        let storedTheme = "light";
+        let storedTheme = currentTheme();
         try {
-            storedTheme = normalize(localStorage.getItem(storageKey));
+            storedTheme = normalize(localStorage.getItem(storageKey) || storedTheme);
         } catch {
         }
 
@@ -101,4 +101,8 @@
     }
 
     window.addEventListener("pageshow", updateControls);
+
+    if (window.Blazor && typeof window.Blazor.addEventListener === "function") {
+        window.Blazor.addEventListener("enhancedload", updateControls);
+    }
 })();