Implementation:FlowiseAI Flowise DeleteDocStoreDialog

Knowledge Sources	FlowiseAI Flowise
Domains	UI Components, Document Store, Dialogs
Last Updated	2026-02-12 07:00 GMT

Overview

DeleteDocStoreDialog is a React dialog component that confirms deletion of document store entries while displaying the associated vector store and record manager configuration details.

Description

This component renders a confirmation dialog for deleting documents from the document store. It fetches and displays the vector store and record manager node configurations in expandable accordions so the user understands what will be affected by the deletion. When no record manager is configured, it shows a warning that only document chunks will be removed while vector embeddings in the database will remain unchanged.

Usage

Use this dialog component when the user initiates deletion of a document or document loader from the document store. It should be rendered as a portal and shown conditionally based on a show prop.

Code Reference

Source Location

• Repository: FlowiseAI Flowise
• File: packages/ui/src/views/docstore/DeleteDocStoreDialog.jsx
• Lines: 1-316

Signature

const DeleteDocStoreDialog = ({ show, dialogProps, onCancel, onDelete }) => {
    // ... component logic
}

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

export default DeleteDocStoreDialog

Import

import DeleteDocStoreDialog from '@/views/docstore/DeleteDocStoreDialog'

I/O Contract

Inputs

Name	Type	Required	Description
show	bool	Yes	Controls dialog visibility
dialogProps	object	Yes	Contains title, description, type, file, vectorStoreConfig, and recordManagerConfig
onCancel	func	Yes	Callback invoked when the Cancel button is clicked
onDelete	func	Yes	Callback invoked with (type, file) when the Delete button is clicked

Outputs

Name	Type	Description
Portal element	React.Element	A dialog rendered via createPortal into the '#portal' DOM node

Key Behavior

• Fetches vector store node details via nodesApi.getSpecificNode based on dialogProps.vectorStoreConfig.name
• Fetches record manager node details via nodesApi.getSpecificNode based on dialogProps.recordManagerConfig.name
• Processes fetched node data using initNode to extract parameter labels, names, types, and values
• Filters out credential-type and template-expression parameters from the configuration display
• Displays a warning banner when a vector store is configured but no record manager is present
• Uses expandable accordions to show node configuration with icons loaded from baseURL/api/v1/node-icon/

Usage Examples

Basic Usage

import DeleteDocStoreDialog from '@/views/docstore/DeleteDocStoreDialog'

<DeleteDocStoreDialog
    show={showDeleteDialog}
    dialogProps={{
        title: 'Delete Document',
        description: 'Are you sure you want to delete this document?',
        type: 'DOCUMENT',
        file: selectedFile,
        vectorStoreConfig: { name: 'pinecone', config: { ... } },
        recordManagerConfig: { name: 'postgresRecordManager', config: { ... } }
    }}
    onCancel={() => setShowDeleteDialog(false)}
    onDelete={(type, file) => handleDelete(type, file)}
/>

Related Pages

• Principle:FlowiseAI_Flowise_Document_Store_Creation