Implementation:FlowiseAI Flowise UsersView

Knowledge Sources	FlowiseAI Flowise
Domains	UI, User Management, RBAC
Last Updated	2026-02-12 07:00 GMT

Overview

The UsersView is a React view component that provides the organization-level user management interface, allowing administrators to list, invite, edit, and remove users.

Description

This component renders a table of all users belonging to the current organization. Each row displays the user's name/email, assigned role count, status (Active, Invited, or Inactive), and last login time. Organization owners are pinned to the top of the list and distinguished with an IconUserStar icon and an "ORGANIZATION OWNER" chip. The view includes search filtering, a user invite dialog (InviteUsersDialog), and an edit dialog (EditUserDialog). A side drawer (Drawer) can be opened per user to view their assigned workspace roles. All destructive and sensitive actions are gated behind RBAC permission checks.

Usage

Use this component as the main view for the user management page, typically accessible to organization administrators via a route such as "/users".

Code Reference

Source Location

• Repository: FlowiseAI Flowise
• File: packages/ui/src/views/users/index.jsx
• Lines: 1-539

Signature

const Users = () => {
    // State: isLoading, showInviteDialog, showEditDialog, users, search, deletingUserId
    // Uses: useApi(userApi.getAllUsersByOrganizationId), useConfirm(), useError()
    return <MainCard>...</MainCard>
}

export default Users

Import

import Users from '@/views/users/index'

I/O Contract

Inputs

Name	Type	Required	Description
(none)	-	-	Top-level view component with no props. Uses Redux state for the current user and organization context.

Outputs

Name	Type	Description
Rendered view	JSX.Element	A full user management page with table listing, invite, edit, and delete capabilities.

Internal Components

ShowUserRow

A table row component that renders a single user entry with expandable role details.

Prop	Type	Description
row	object	The user data object containing user info, status, role count, and organization membership
onDeleteClick	function	Handler called when the delete button is clicked
onEditClick	function	Handler called when the edit button is clicked
deletingUserId	string	The ID of the user currently being deleted (shows a loading spinner)

Key Operations

• addNew() -- Opens the InviteUsersDialog in ADD mode to invite a new user
• edit(user) -- Opens the appropriate dialog (InviteUsersDialog for invited users, EditUserDialog for active users)
• deleteUser(user) -- Removes a user from the organization after confirmation via userApi.deleteOrganizationUser
• filterUsers(data) -- Filters the user list based on the search text against name and email

Usage Examples

Basic Usage

// In route configuration
import Users from '@/views/users/index'

<Route path="/users" element={<Users />} />

Related Pages

• Principle:FlowiseAI_Flowise_User_Management