Skip to content

Dashboard UI

The dashboard is the main authenticated product shell.

If you want to change the logged-in app experience, start with the layout and overview pages before you dive into individual features.

The primary layout entry point is:

app/layouts/dashboard.vue

This file controls:

  • sidebar branding
  • dashboard navigation groups
  • user footer block
  • admin shortcut button
  • navbar shell
  • impersonation banner

If the structure of the app feels wrong, this is usually the first file to change.

The most common first customization targets are:

  • app/pages/dashboard/index.vue
  • app/pages/dashboard/org-settings.vue
  • app/pages/dashboard/settings.vue

These surfaces shape what buyers see immediately after login:

  • overview stats
  • organization settings
  • user settings

The dashboard UI is not purely cosmetic. A lot of pages are role-aware or organization-aware.

Examples:

  • the sidebar can show admin access for platform_admin
  • organization settings hide dangerous actions unless the current member is owner
  • many dashboard pages assume an active organization exists

So changing dashboard UI often means keeping permission-aware branches intact.

For most buyers, the lowest-risk dashboard customizations are:

  • brand block and logo
  • sidebar labels and grouping
  • overview cards and empty states
  • organization settings copy