File

Source file: components/app-shell.tsx.

Dashboard chrome, navigation rendering, topbar, command search, notifications, user menu, customizer, and mobile drawer.

components/app-shell.tsx

Responsibilities

This file owns the following project behavior.

  • Render desktop sidebar and mobile drawer.
  • Manage theme, primary color, semi dark menu, and content width state.
  • Synchronize layout preferences with localStorage.
  • Render nested navigation groups and child menus.
  • Provide command search from flattened navigation links.

Change risks

Review these risks before editing this file.

  • Changing navigation click behavior can affect mobile drawer close behavior.
  • Changing localStorage keys can break existing user preferences.
  • Changing iconMap without updating NavIcon can cause missing icons.
  • Run TypeScript and production build after changes.
  • Smoke test affected routes after deployment.