Implementation:FlowiseAI Flowise UpsertHistoryDialog

Knowledge Sources	FlowiseAI Flowise
Domains	UI, Vector Store, Dialog
Last Updated	2026-02-12 07:00 GMT

Overview

The UpsertHistoryDialog is a React dialog component that displays a filterable, selectable table of vector store upsert history records for a given chatflow.

Description

This component renders a full-width MUI Dialog (via createPortal) showing the history of vector store upsert operations. Each history record shows the date, and counts for vectors added, updated, skipped, and deleted. Users can filter the history by date range using date pickers, select individual or all rows via checkboxes, and bulk delete selected records. Each row is expandable to reveal an accordion of node configuration details showing the parameters used during that upsert operation. The dialog communicates with the vectorstoreApi to fetch and delete upsert history entries.

Usage

Use this component when you need to display the upsert history for a specific chatflow's vector store. It is typically opened from the chatflow canvas or vector store configuration panel.

Code Reference

Source Location

• Repository: FlowiseAI Flowise
• File: packages/ui/src/views/vectorstore/UpsertHistoryDialog.jsx
• Lines: 1-462

Signature

const UpsertHistoryDialog = ({ show, dialogProps, onCancel }) => {
    // ...
}

UpsertHistoryDialog.propTypes = {
    show: PropTypes.bool,
    dialogProps: PropTypes.object,
    onCancel: PropTypes.func
}

export default UpsertHistoryDialog

Import

import UpsertHistoryDialog from '@/views/vectorstore/UpsertHistoryDialog'

I/O Contract

Inputs

Name	Type	Required	Description
show	bool	Yes	Controls whether the dialog is visible
dialogProps	object	Yes	Configuration object containing title and chatflow (object with an id property)
onCancel	function	Yes	Callback invoked when the dialog is closed

Outputs

Name	Type	Description
Rendered dialog	JSX.Element (portal)	A full-width MUI Dialog rendered into the portal element showing upsert history records

Internal Components

UpsertHistoryRow

A table row component that renders a single upsert history entry with expandable node configuration details.

Prop	Type	Description
upsertHistory	object	The upsert history record containing date, result (numAdded, numUpdated, numSkipped, numDeleted), and flowData
theme	object	MUI theme object
isDarkMode	bool	Whether dark mode is active
selected	array	Array of currently selected history record IDs
handleSelect	function	Callback for toggling selection of this row

Key Operations

• onStartDateSelected(date) / onEndDateSelected(date) -- Updates the date filter and re-fetches history from the API
• onSelectAllClick(event) -- Toggles selection of all visible history rows
• handleSelect(event, id) -- Toggles selection of a single row
• handleRemoveHistory() -- Bulk deletes selected upsert history records via vectorstoreApi.deleteUpsertHistory

Usage Examples

Basic Usage

import UpsertHistoryDialog from '@/views/vectorstore/UpsertHistoryDialog'

<UpsertHistoryDialog
    show={showHistoryDialog}
    dialogProps={{
        title: 'Upsert History',
        chatflow: { id: 'chatflow-123' }
    }}
    onCancel={() => setShowHistoryDialog(false)}
/>

Related Pages

• Principle:FlowiseAI_Flowise_Vector_Store_Upsert