Routing, Tabbing and Navigation

Routing Overview

The frontend uses Next.js App Router for URL routing and context-based state for in-app module navigation.

Entry Routes

• / checks server session and redirects:
  • authenticated -> /app
  • unauthenticated -> /logout
• /app renders MainView with initial module home
• /app/[module] resolves a module key and delegates rendering through Handle

Route Files

• src/app/page.tsx
• src/app/app/page.tsx
• src/app/app/[module]/page.tsx

Tab State

TabProvider tracks the active ModuleKey for UI state (currentTab) and provides setCurrentTab.

This tab state is used by components like sidebar/nav and module handlers, while URL routes still control page-level entry.