Implementation:Infiniflow Ragflow DatasetOverview Page

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

Overview

Concrete dataset overview page component provided by the RAGFlow frontend.

Description

The FileLogsPage renders the dataset overview page displaying three statistics cards (total files, downloads, processing) with success/failure breakdowns, a filterable log tabs section, and a paginated table of file or dataset logs. It aggregates data from `useFetchOverviewTital`, `useFetchDocumentList`, and `useFetchFileLogList` hooks, supporting dark/light theme icons and status-based filtering.

Usage

Import as the default export and mount as a route page under the dataset overview path. It is a self-contained page component that requires the dataset context (route params) to be available.

Code Reference

Source Location

• Repository: Infiniflow_Ragflow
• File: web/src/pages/dataset/dataset-overview/index.tsx
• Lines: 1-337

Signature

const FileLogsPage: FC = () => { ... }
export default FileLogsPage;

Import

import FileLogsPage from '@/pages/dataset/dataset-overview/index';

I/O Contract

Inputs

Name	Type	Required	Description
--	--	--	No props; reads dataset ID from route params and fetches data via hooks (useFetchOverviewTital, useFetchDocumentList, useFetchFileLogList)

Outputs

Name	Type	Description
JSX.Element	React.ReactElement	Renders stat cards grid, filter bar, and FileLogsTable with pagination

Usage Examples

// In route configuration
import FileLogsPage from '@/pages/dataset/dataset-overview/index';

<Route path="/dataset/:id/overview" element={<FileLogsPage />} />

Related Pages

• Environment:Infiniflow_Ragflow_Frontend_Node_Environment