Implementation:Infiniflow Ragflow LargeModelFormField Component

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

Overview

Concrete form fields for LLM model selection with optional model type filtering (text-only vs multimodal) provided by the RAGFlow frontend.

Description

Exports LargeModelFormField (LLM selector with model type filter dropdown) and LargeModelFormFieldWithoutFilter (simplified LLM selector). Also exports LargeModelFilterFormSchema (Zod schema for validation).

Usage

Import LargeModelFormField in agent operator or chat configuration forms where the user needs to select an LLM model, optionally filtering by model capability type.

Code Reference

Source Location

• Repository: Infiniflow_Ragflow
• File: web/src/components/large-model-form-field.tsx
• Lines: 1-129

Signature

export const LargeModelFilterFormSchema: ZodSchema;

export function LargeModelFormField(): JSX.Element;
export function LargeModelFormFieldWithoutFilter(): JSX.Element;

Import

import { LargeModelFormField, LargeModelFilterFormSchema } from '@/components/large-model-form-field';

I/O Contract

Inputs

Name	Type	Required	Description
Form context	react-hook-form	Yes	Must be within a FormProvider

Outputs

Name	Type	Description
Form value	string	Selected LLM model identifier

Usage Examples

import { LargeModelFormField } from '@/components/large-model-form-field';

<FormProvider {...methods}>
  <LargeModelFormField />
</FormProvider>

Related Pages

• Environment:Infiniflow_Ragflow_Frontend_Node_Environment