Implementation:Infiniflow Ragflow ParsingStatusCell Component
| Knowledge Sources | |
|---|---|
| Domains | Frontend, Knowledge_Base |
| Last Updated | 2026-02-12 06:00 GMT |
Overview
Complex conditional rendering component for document parsing status including pipeline display, run/cancel controls, progress bar, and reparse dialog.
Description
ParsingStatusCell renders different UI states based on the document's run status. It shows: the parser/pipeline name in a DropdownMenu that opens the change parser modal, a status-dependent operation icon (play/cancel/reparse from IconMap), a Progress bar with percentage when running, and a ParsingCard dot when idle. The ReparseDialog is conditionally rendered when reparseDialogVisible is true, passing chunk_num, enable_metadata, and hidden flags to control its behavior. Virtual documents hide the parse controls entirely. The component uses useHandleRunDocumentByIds for run/cancel operations.
Usage
Rendered as the Parse column cell in the dataset document table, providing the primary parsing interaction point for each document.
Code Reference
Source Location
- Repository: Infiniflow_Ragflow
- File: web/src/pages/dataset/dataset/parsing-status-cell.tsx
- Lines: 1-191
Signature
export function ParsingStatusCell({
record, showChangeParserModal, showLog,
}: {
record: IDocumentInfo;
showLog: (record: IDocumentInfo) => void;
} & UseChangeDocumentParserShowType): JSX.Element;
Import
import { ParsingStatusCell } from './parsing-status-cell';
I/O Contract
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| record | IDocumentInfo | Yes | Document data with run status, parser_id, progress, chunk_num |
| showChangeParserModal | function | Yes | Open parser change dialog |
| showLog | function | Yes | Open log viewer for the document |
Outputs
| Name | Type | Description |
|---|---|---|
| JSX.Element | React element | Status cell with parser name, controls, progress, and reparse dialog |
Usage Examples
<ParsingStatusCell
record={row.original}
showChangeParserModal={showChangeParserModal}
showLog={showLog}
/>