feat(ui): implement hub navigation, profile dashboard and fix auth sync loop

- Added MainHubLayout with glassmorphism sidebar - Implemented Profile dashboard with learn metrics - Added request deduplication and caching to IdentityService - Fixed infinite redirect loop on /profile page - Added dashboard navigation from reader - Closes #26, Closes #27
2026-05-10 09:28:40 +02:00
parent 34794db209
commit 5fdc89dbf3
22 changed files with 1402 additions and 343 deletions
@@ -0,0 +1,106 @@
+@inherits LayoutComponentBase
+@using NexusReader.UI.Shared.Components.Molecules
+@using NexusReader.UI.Shared.Components.Atoms
+@using NexusReader.Application.Abstractions.Services
+@using NexusReader.UI.Shared.Services
+
+<div class="hub-container">
+    <AuthorizeView>
+        <Authorized>
+            <aside class="hub-sidebar">
+                <div class="sidebar-header">
+                    <div class="logo">
+                        <NexusIcon Name="diamond" Size="24" Class="logo-icon" />
+                        <span class="logo-text">Nexus</span>
+                    </div>
+                </div>
+                
+                <nav class="sidebar-nav">
+                    <NavLink class="nav-item" href="/" Match="NavLinkMatch.All">
+                        <div class="nav-icon">
+                            <NexusIcon Name="home" Size="18" />
+                        </div>
+                        <span class="nav-text">Dashboard</span>
+                    </NavLink>
+                    <NavLink class="nav-item" href="/library">
+                        <div class="nav-icon">
+                            <NexusIcon Name="book-open" Size="18" />
+                        </div>
+                        <span class="nav-text">Library</span>
+                    </NavLink>
+                    <NavLink class="nav-item" href="/concepts-map">
+                        <div class="nav-icon">
+                            <NexusIcon Name="map" Size="18" />
+                        </div>
+                        <span class="nav-text">Concepts Map</span>
+                    </NavLink>
+                    <NavLink class="nav-item" href="/profile">
+                        <div class="nav-icon">
+                            <NexusIcon Name="message-square" Size="18" />
+                        </div>
+                        <span class="nav-text">Profile</span>
+                    </NavLink>
+                    <NavLink class="nav-item" href="/settings">
+                        <div class="nav-icon">
+                            <NexusIcon Name="settings" Size="18" />
+                        </div>
+                        <span class="nav-text">Settings</span>
+                    </NavLink>
+                    <NavLink class="nav-item" href="/concenters">
+                        <div class="nav-icon">
+                            <NexusIcon Name="target" Size="18" />
+                        </div>
+                        <span class="nav-text">Concenters</span>
+                    </NavLink>
+                </nav>
+
+                <div class="sidebar-footer">
+                    <div class="user-brief">
+                        <div class="user-avatar">
+                            @context.User.Identity?.Name?[0].ToString().ToUpper()
+                        </div>
+                        <div class="user-details">
+                            <span class="user-name">@context.User.Identity?.Name</span>
+                        </div>
+                    </div>
+                    <button class="logout-btn" @onclick="HandleLogout" title="Logout">
+                        <NexusIcon Name="log-out" Size="18" />
+                    </button>
+                </div>
+            </aside>
+        </Authorized>
+    </AuthorizeView>
+
+    <main class="hub-main">
+        <div class="hub-content">
+            @Body
+        </div>
+    </main>
+</div>
+
+@code {
+    [Inject] private AuthenticationStateProvider AuthStateProvider { get; set; } = default!;
+    [Inject] private IIdentityService IdentityService { get; set; } = default!;
+    [Inject] private NavigationManager NavigationManager { get; set; } = default!;
+
+    private bool _isSyncing = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        if (_isSyncing) return;
+        
+        var authState = await AuthStateProvider.GetAuthenticationStateAsync();
+        if (!authState.User.Identity?.IsAuthenticated ?? true)
+        {
+            _isSyncing = true;
+            // Try to sync with server cookie
+            await IdentityService.GetProfileAsync();
+        }
+    }
+
+    private async Task HandleLogout()
+    {
+        await IdentityService.LogoutAsync();
+        NavigationManager.NavigateTo("/", true);
+    }
+}