Implementation:Infiniflow Ragflow CategoryPanel Component

Knowledge Sources	Infiniflow_Ragflow
Domains	Frontend, Knowledge_Base
Last Updated	2026-02-12 06:00 GMT

Overview

Parser category display panel that resolves parser metadata to title, description, and example images for the dataset settings page.

Description

CategoryPanel accepts a chunkMethod string and looks up the matching parser from useSelectParserList. It resolves the parser's localized description via camelCase key transformation and sanitizes HTML output with DOMPurify. Example images are resolved from ImageMap keyed by chunk method. When the chunk method is tag, it additionally renders the TagTabs sub-component. If no images exist for the method, it shows an Empty state with a fallback SVG.

Usage

Rendered in the dataset configuration settings to show the user a visual explanation of the selected parsing method.

Code Reference

Source Location

• Repository: Infiniflow_Ragflow
• File: web/src/pages/dataset/dataset-setting/category-panel.tsx
• Lines: 1-72

Signature

const CategoryPanel = ({ chunkMethod }: { chunkMethod: string }) => JSX.Element;
export default CategoryPanel;

Import

import CategoryPanel from './category-panel';

I/O Contract

Inputs

Name	Type	Required	Description
chunkMethod	string	Yes	The parser/chunk method identifier to display

Outputs

Name	Type	Description
JSX.Element	React element	Panel with title, description, example images, and optional TagTabs

Usage Examples

<CategoryPanel chunkMethod="naive" />

Related Pages

• Environment:Infiniflow_Ragflow_Frontend_Node_Environment