mjasin/Nexus.Reader
1
0
Fork 0
Code Issues 9 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

[Mobile/UX] Implement Mobile Reader Toolbar, Bottom Navigation & Auth UX Stabilization #62

New Issue
Closed
opened 2026-05-30 18:25:49 +00:00 by Antigravity · 0 comments
Antigravity commented 2026-05-30 18:25:49 +00:00
Collaborator
Copy Link
Copy Source

Description

Implement a premium, mobile-first reading interface for NexusReader, resolving safe-area inset issues, enhancing layout responsiveness, and stabilizing authorization state hydration across Blazor WASM and MAUI clients.

Key Requirements

  1. Premium Mobile Canvas Layout: Redesign the reader to utilize a full-bleed grid with glassmorphic bottom navigation tabs (Chapters, Graph, Assistant) and an interactive AI FAB.
  2. Mobile Reader Toolbar: Introduce a responsive toolbar with high-fidelity, styling-adaptable SVG icons (NexusIcon) and transition-safe dashboard exit routes.
  3. Authorization & Session Lifecycle Stability: Resolve Blazor InteractiveAuto race conditions by implementing an AOT-compatible JWT validator, transition loading overlays, and cookie propagation handlers in clients.
  4. D3.js Graph Fluidity: Optimize knowledgeGraph.js rendering behaviour inside flex containers to properly adjust upon panel resize and map node selection.
## Description Implement a premium, mobile-first reading interface for NexusReader, resolving safe-area inset issues, enhancing layout responsiveness, and stabilizing authorization state hydration across Blazor WASM and MAUI clients. ## Key Requirements 1. **Premium Mobile Canvas Layout**: Redesign the reader to utilize a full-bleed grid with glassmorphic bottom navigation tabs (Chapters, Graph, Assistant) and an interactive AI FAB. 2. **Mobile Reader Toolbar**: Introduce a responsive toolbar with high-fidelity, styling-adaptable SVG icons (`NexusIcon`) and transition-safe dashboard exit routes. 3. **Authorization & Session Lifecycle Stability**: Resolve Blazor InteractiveAuto race conditions by implementing an AOT-compatible JWT validator, transition loading overlays, and cookie propagation handlers in clients. 4. **D3.js Graph Fluidity**: Optimize `knowledgeGraph.js` rendering behaviour inside flex containers to properly adjust upon panel resize and map node selection.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
Antigravity M.Wojtaszek mjasin (Marek Jaisński)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: mjasin/Nexus.Reader#62
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?