Implementation:FlowiseAI Flowise AssistantsView
| Knowledge Sources | |
|---|---|
| Domains | Assistants, Views |
| Last Updated | 2026-02-12 07:00 GMT |
Overview
AssistantsView is a React page component that serves as the top-level assistants landing page, displaying feature cards for Custom, OpenAI, and Azure assistant types.
Description
This component renders a MainCard with a ViewHeader and a row of three styled feature cards representing the available assistant types: Custom Assistant, OpenAI Assistant, and Azure Assistant (marked as coming soon). Each card has a gradient background, an icon with a label, a title, and a description. The Custom and OpenAI cards navigate to their respective sub-routes on click, while the Azure card is disabled with reduced opacity and a not-allowed cursor. The cards use MUI styled components with hover effects and dark mode color adaptation.
Usage
Use this component as the route handler for the /assistants path. It acts as the entry point for the assistants feature, directing users to create and manage different types of AI assistants.
Code Reference
Source Location
- Repository: FlowiseAI Flowise
- File: packages/ui/src/views/assistants/index.jsx
- Lines: 1-136
Signature
const Assistants = () => { ... }
export default Assistants
Import
import Assistants from '@/views/assistants'
I/O Contract
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| (none - page component) | N/A | N/A | This is a top-level page component with no props; navigation is handled via useNavigate |
Outputs
| Name | Type | Description |
|---|---|---|
| JSX.Element | React element | A MainCard containing a ViewHeader and a horizontal row of three styled feature cards for Custom, OpenAI, and Azure assistants |
Usage Examples
Basic Usage
// In route configuration
import Assistants from '@/views/assistants'
<Route path="/assistants" element={<Assistants />} />