Overview
dashboard is the main sidebar menu configuration object that defines all navigation items organized into four groups: primary navigation, evaluations, user and workspace management, and others.
Description
This module exports a plain JavaScript object named dashboard structured as a top-level menu group (type: 'group') with an id of dashboard. Its children array contains four sub-groups: primary (10 core items like Chatflows, Agentflows, Assistants, Tools, Credentials, etc.), evaluations (Datasets, Evaluators, Evaluations), management (SSO Config, Roles, Users, Workspaces, Login Activity), and others (Logs, Account Settings). Each item specifies a permission string for RBAC gating and optionally a display string for feature flag visibility control. The menu configuration uses icons from @tabler/icons-react and defines url paths and breadcrumbs settings for each route.
Usage
Use this configuration object as the data source for the NavGroup component in the sidebar MenuList. It drives the entire left sidebar navigation structure of the Flowise application.
Code Reference
Source Location
Signature
const dashboard = {
id: 'dashboard',
title: '',
type: 'group',
children: [
{ id: 'primary', ... },
{ id: 'evaluations', ... },
{ id: 'management', ... },
{ id: 'others', ... }
]
}
export default dashboard
Import
import dashboard from '@/menu-items/dashboard'
I/O Contract
Inputs
| Name |
Type |
Required |
Description
|
| (none) |
- |
- |
This is a static configuration object with no inputs.
|
Outputs
| Name |
Type |
Description
|
| dashboard |
object |
A hierarchical menu group object containing four sub-groups with a total of 20+ menu items, each with id, title, type, url, icon, permission, and optionally display and breadcrumbs.
|
Primary Group
| ID |
Title |
URL |
Permission
|
| chatflows |
Chatflows |
/chatflows |
chatflows:view
|
| agentflows |
Agentflows |
/agentflows |
agentflows:view
|
| executions |
Executions |
/executions |
executions:view
|
| assistants |
Assistants |
/assistants |
assistants:view
|
| marketplaces |
Marketplaces |
/marketplaces |
templates:marketplace,templates:custom
|
| tools |
Tools |
/tools |
tools:view
|
| credentials |
Credentials |
/credentials |
credentials:view
|
| variables |
Variables |
/variables |
variables:view
|
| apikey |
API Keys |
/apikey |
apikeys:view
|
| document-stores |
Document Stores |
/document-stores |
documentStores:view
|
Evaluations Group
| ID |
Title |
URL |
Permission |
Display
|
| datasets |
Datasets |
/datasets |
datasets:view |
feat:datasets
|
| evaluators |
Evaluators |
/evaluators |
evaluators:view |
feat:evaluators
|
| evaluations |
Evaluations |
/evaluations |
evaluations:view |
feat:evaluations
|
Management Group
| ID |
Title |
URL |
Permission |
Display
|
| sso |
SSO Config |
/sso-config |
sso:manage |
feat:sso-config
|
| roles |
Roles |
/roles |
roles:manage |
feat:roles
|
| users |
Users |
/users |
users:manage |
feat:users
|
| workspaces |
Workspaces |
/workspaces |
workspace:view |
feat:workspaces
|
| login-activity |
Login Activity |
/login-activity |
loginActivity:view |
feat:login-activity
|
Others Group
| ID |
Title |
URL |
Permission |
Display
|
| logs |
Logs |
/logs |
logs:view |
feat:logs
|
| account |
Account Settings |
/account |
(none) |
feat:account
|
Usage Examples
Basic Usage
import dashboard from '@/menu-items/dashboard'
import NavGroup from './MenuList/NavGroup'
const MenuList = () => {
return <NavGroup item={dashboard} />
}
Related Pages
Page Connections
Double-click a node to navigate. Hold to expand connections.
