Implementation:FlowiseAI Flowise AgentExecutionsView

Knowledge Sources	FlowiseAI Flowise
Domains	Views, Agent Executions, Monitoring
Last Updated	2026-02-12 07:00 GMT

Overview

AgentExecutions is a view component that provides a filterable, paginated interface for browsing, inspecting, and deleting agent flow execution records.

Description

This view renders a full page for managing agent execution history. It includes a filter bar with controls for execution state, date range (using react-datepicker), agentflow ID/name, and session ID. The execution list is displayed using the ExecutionsListTable component with server-side pagination via TablePagination. Users can select multiple executions for bulk deletion through a confirmation dialog. Clicking a row opens the ExecutionDetails drawer showing detailed execution data. The view displays an empty state illustration when no executions exist.

Usage

Use this component as the route handler for the agent executions monitoring page. It is the primary interface for operations teams and developers to review agentflow execution histories and troubleshoot issues.

Code Reference

Source Location

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

Signature

const AgentExecutions = () => { ... }

export default AgentExecutions

Import

import AgentExecutions from '@/views/agentexecutions'

I/O Contract

Inputs

Name	Type	Required	Description
(none)	--	--	This is a route-level view component with no props; uses API hooks for data fetching

Outputs

Name	Type	Description
Rendered UI	JSX.Element	Complete agent executions monitoring page with filters, table, pagination, execution details drawer, and delete confirmation dialog

Key Internal State

• filters -- Object containing filter values: state, startDate, endDate, agentflowId, agentflowName, sessionId
• executions -- Array of execution records fetched from the API
• currentPage / pageLimit / total -- Pagination state managed alongside server-side filtering
• selectedExecutionIds -- Array of execution IDs selected via table checkboxes for bulk operations
• openDrawer / selectedExecutionData / selectedMetadata -- State for the execution details side drawer
• openDeleteDialog -- Controls visibility of the bulk delete confirmation dialog

Key Internal Functions

• applyFilters(page, limit) -- Constructs query parameters from filter state and dispatches the getAllExecutions API request with UTC-normalized date ranges.
• resetFilters() -- Resets all filter state to defaults and re-fetches the first page of results.
• handleDeleteExecutions() -- Sends the selected execution IDs to deleteExecutionsApi for bulk deletion.
• handleExecutionSelectionChange(selectedIds) -- Callback passed to ExecutionsListTable to track checkbox selections.
• onChange(page, pageLimit) -- Pagination change handler that updates page state and triggers a filtered data re-fetch.

Usage Examples

Basic Usage

// In router configuration
import AgentExecutions from '@/views/agentexecutions'

<Route path="/agentexecutions" element={<AgentExecutions />} />

Related Pages

• Principle:FlowiseAI_Flowise_Execution_Monitoring