Nexus.Reader/src/NexusReader.UI.Shared/Layout/MainHubLayout.razor

@inherits LayoutComponentBase
@using NexusReader.UI.Shared.Components.Molecules
@using NexusReader.UI.Shared.Components.Atoms
@using NexusReader.Application.Abstractions.Services
@using NexusReader.UI.Shared.Services

@if (!_isFullyLoaded)
{
    <div class="app-preloader" style="backdrop-filter: blur(15px); background: rgba(18, 18, 18, 0.95); z-index: 100000;">
        <div class="preloader-spinner"></div>
        <div class="preloader-text">Synchronizing Secure Session...</div>
    </div>
}

<div class="hub-container @(_isMobileMenuOpen ? "mobile-menu-open" : "")">
    <AuthorizeView>
        <Authorized>
            <!-- Mobile Sticky Top-bar -->
            <div class="nexus-mobile-topbar">
                <button class="hamburger-btn" @onclick="ToggleMobileMenu" aria-label="Toggle Menu">
                    <NexusIcon Name="menu" Size="24" />
                </button>
                <div class="mobile-logo">
                    <NexusIcon Name="diamond" Size="20" Class="logo-icon pulsing-logo" />
                    <span class="logo-text">Nexus</span>
                </div>
                <div class="mobile-user-pill">
                    <div class="user-avatar-mini">
                        @context.User.Identity?.Name?[0].ToString().ToUpper()
                    </div>
                </div>
            </div>

            <!-- Mobile Backdrop overlay -->
            @if (_isMobileMenuOpen)
            {
                <div class="mobile-sidebar-backdrop" @onclick="CloseMobileMenu"></div>
            }

            <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" @onclick="CloseMobileMenu">
                        <div class="nav-icon">
                            <NexusIcon Name="home" Size="18" />
                        </div>
                        <span class="nav-text">Dashboard</span>
                    </NavLink>
                    <NavLink class="nav-item" href="/library" @onclick="CloseMobileMenu">
                        <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" @onclick="CloseMobileMenu">
                        <div class="nav-icon">
                            <NexusIcon Name="map" Size="18" />
                        </div>
                        <span class="nav-text">Concepts Map</span>
                    </NavLink>
                    <NavLink class="nav-item" href="/intelligence" @onclick="CloseMobileMenu">
                        <div class="nav-icon">
                            <NexusIcon Name="cpu" Size="18" />
                        </div>
                        <span class="nav-text">Global AI Q&A</span>
                    </NavLink>
                    <NavLink class="nav-item" href="/profile" @onclick="CloseMobileMenu">
                        <div class="nav-icon">
                            <NexusIcon Name="message-square" Size="18" />
                        </div>
                        <span class="nav-text">Profile</span>
                    </NavLink>
                    <NavLink class="nav-item" href="/settings" @onclick="CloseMobileMenu">
                        <div class="nav-icon">
                            <NexusIcon Name="settings" Size="18" />
                        </div>
                        <span class="nav-text">Settings</span>
                    </NavLink>
                    <NavLink class="nav-item" href="/concenters" @onclick="CloseMobileMenu">
                        <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;
    private bool _isMobileMenuOpen = false;
    private bool _isFullyLoaded = 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();
        }
    }

    protected override void OnAfterRender(bool firstRender)
    {
        if (firstRender)
        {
            _isFullyLoaded = true;
            StateHasChanged();
        }
    }

    private void ToggleMobileMenu()
    {
        _isMobileMenuOpen = !_isMobileMenuOpen;
    }

    private void CloseMobileMenu()
    {
        _isMobileMenuOpen = false;
    }

    private async Task HandleLogout()
    {
        CloseMobileMenu();
        await IdentityService.LogoutAsync();
        NavigationManager.NavigateTo("/account/logout-form", true);
    }
}