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.
Main Dashboard Shell
Section titled “Main Dashboard Shell”The primary layout entry point is:
app/layouts/dashboard.vueThis 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.
High-Signal Dashboard Pages
Section titled “High-Signal Dashboard Pages”The most common first customization targets are:
app/pages/dashboard/index.vueapp/pages/dashboard/org-settings.vueapp/pages/dashboard/settings.vue
These surfaces shape what buyers see immediately after login:
- overview stats
- organization settings
- user settings
What To Keep In Mind
Section titled “What To Keep In Mind”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.
Good First Changes
Section titled “Good First Changes”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