Implementation:FlowiseAI Flowise CredentialsView
| Knowledge Sources | |
|---|---|
| Domains | Credentials Management, UI Views |
| Last Updated | 2026-02-12 07:00 GMT |
Overview
Credentials is a React page component that provides the main credentials management dashboard, displaying a searchable table of stored credentials with actions to add, edit, share, and delete them.
Description
This component renders a full-page view with a search header, an "Add Credential" button gated by the credentials:create RBAC permission, and a styled data table listing all credentials with their name, icon, last updated date, and creation date. Each row provides action buttons for sharing (credentials:share), editing (credentials:create,credentials:update), and deleting (credentials:delete), all wrapped in permission-aware icon buttons. Shared credentials display a read-only label instead of action buttons. The component manages three sub-dialogs: CredentialListDialog for selecting a credential type to add, AddEditCredentialDialog for the actual add/edit form, and ShareWithWorkspaceDialog for sharing credentials across workspaces. An empty state illustration is shown when no credentials exist.
Usage
Use this component as the route handler for the credentials management page, typically accessible from the main application navigation sidebar.
Code Reference
Source Location
- Repository: FlowiseAI Flowise
- File: packages/ui/src/views/credentials/index.jsx
- Lines: 1-467
Signature
const Credentials = () => {
// ...
}
Import
import Credentials from '@/views/credentials'
I/O Contract
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| (none) | - | - | Standalone page component; reads customization state from Redux and error context |
Outputs
| Name | Type | Description |
|---|---|---|
| Rendered page | JSX.Element | A full-page credentials management view with search, table, and add/edit/share/delete dialogs |
Usage Examples
Basic Usage
// In a route definition
import Credentials from '@/views/credentials'
<Route path="/credentials" element={<Credentials />} />