Nexus AI

Pages Overview

All 30+ 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).

Onboarding — src/app/(onboarding)/

PageRouteNotes
Get Started/onboarding4-step wizard (workspace → invite team → model → first prompt)

A standalone first-run flow with its own minimal layout (logo + "Skip"), stepper rail, progress bar, and a completion summary — no app sidebar.

Overview

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

Workspace

PageRouteHighlights
Dashboard Builder/dashboard-builderDrag to reorder, resize widgets (width/height presets), save
Kanban Board/kanban5 columns, drag-and-drop with drop position, task modals, filters
Calendar/calendarMonth / Week / Day views, event modal, color categories

AI

PageRouteHighlights
AI Chat/chatConversation sidebar + history, streaming replies, suggestions
Usage Analytics/analyticsDate + model filters, cost breakdown, latency, top endpoints
Prompt History/promptsSearchable/filterable table, detail modal, CSV/Excel 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

Components

PageRouteHighlights
Component Gallery/componentsShowcase of buttons, badges, cards, dialogs and more
Form Components/formsInputs, date/time/color pickers, advanced inputs, form builder
AI Widgets/ai-widgetsAI-flavored UI blocks (prompt cards, model pickers, etc.)
File Manager/filesFile/folder grid + list, upload, breadcrumbs

The Form Components page is organized into three tabs: Essentials (validated RHF + Zod form), Advanced inputs (date / range / time pickers, color picker, tags, multi-select, combobox, OTP, rating, stepper, range slider, phone, rich text editor, image cropper, file dropzone), and Form builder (add / remove / reorder fields with a live preview).

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
Integrations/integrationsConnect / disconnect cards by category, live state
Audit Log/audit-logFilterable activity table with action/status + export

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
Notifications/notificationsMentions / Tasks / Messages / System, read state
API Keys/settings/api-keysCreate with scopes + expiry, copy, revoke
Documentation/docsThis documentation, rendered in-app

The Notification Center is also surfaced from the top-bar bell, which shares live read-state with the page via a NotificationsProvider.

Other

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

Route groups

Routes are organized into route groups:

  • (auth) — split-screen auth layout, no app chrome.
  • (onboarding) — minimal full-screen layout for the first-run wizard.
  • (dashboard) — wrapped in the AppShell (sidebar + top bar).
  • (docs) — the in-app documentation.

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

Next: Components Guide →