Nexus AI

Pages Overview

All 20 pages, grouped as they appear in the sidebar. Routes live under src/app/; their page-level views live under src/components/<area>/.

Authentication — src/app/(auth)/

PageRouteNotes
Sign In/sign-inEmail + password, social buttons, remember-me
Sign Up/sign-upWith plan selection and terms acceptance
Forgot Password/forgot-passwordEmail input with sent-confirmation state
Reset Password/reset-passwordNew password + confirm, success state

All use React Hook Form + Zod validation and a shared split-screen layout (src/app/(auth)/layout.tsx).

Dashboard — src/app/(dashboard)/

PageRouteHighlights
Dashboard/dashboardStat cards, API-usage & token charts, top users, activity

AI

PageRouteHighlights
Usage Analytics/analyticsDate + model filters, cost breakdown, latency, top endpoints
Prompt History/promptsSearchable/filterable table, detail modal, CSV export
Model Comparison/modelsModel cards, set-primary, metric comparison chart
Token Usage/tokensQuota meter, tokens by day/model/feature, budget alerts
AI Agents/agentsStatus-filtered card grid, run-log drawer
Playground/playgroundTwo-pane prompt runner with parameter controls

Management

PageRouteHighlights
Users/usersData grid, row selection, bulk actions, invite modal
User Detail/users/[id]Tabs: Profile, Activity, Usage, Billing, Permissions
Roles & Permissions/rolesRole list + editable permission matrix + create modal

Billing

PageRouteHighlights
Plans/billing/plans3 plans, monthly/annual toggle, current-plan flag
Billing History/billing/historyInvoice table + year filter + payment methods
Invoice Detail/billing/invoice/[id]Line items, totals, billing address, download

Settings

PageRouteHighlights
Account/settingsTabs: Profile, Security, Notifications, Integrations
API Keys/settings/api-keysCreate with scopes + expiry, copy, revoke

Other

PageRouteNotes
404(any unknown)Branded not-found page with CTAs

Route groups

Routes are organized into two route groups:

  • (auth) — uses the split-screen auth layout, no app chrome.
  • (dashboard) — wrapped in the AppShell (sidebar + top bar).

The parentheses mean the group name doesn't appear in the URL.

Next: Components Guide →