Implementation:Infiniflow Ragflow Admin ServiceDetail Component
| Knowledge Sources | |
|---|---|
| Domains | Frontend, Admin |
| Last Updated | 2026-02-12 06:00 GMT |
Overview
Polymorphic data renderer component that displays service detail information in different formats based on the data type.
Description
The admin/service-detail.tsx component accepts service metadata and renders it as key-value pairs, status badges, or nested detail views depending on the shape of the data. It is used within the service status page to present individual service information.
Usage
Embedded within the ServiceStatus page to render detail panels for each backend service.
Code Reference
Source Location
- Repository: Infiniflow_Ragflow
- File: web/src/pages/admin/service-detail.tsx
- Lines: 1-89
Signature
export default function ServiceDetail(): JSX.Element;
Import
import ServiceDetail from '@/pages/admin/service-detail';
I/O Contract
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| data | Record<string, unknown> | Yes | Service metadata to render polymorphically |
Outputs
| Name | Type | Description |
|---|---|---|
| Rendered component | JSX.Element | Polymorphic service detail view |
Usage Examples
<ServiceDetail data={mysqlServiceData} />
Related Pages
Page Connections
Double-click a node to navigate. Hold to expand connections.
Principle
Implementation
Heuristic
Environment