mirror of
https://github.com/infiniflow/ragflow.git
synced 2025-12-08 20:42:30 +08:00
209b731541
### What problem does this PR solve?
This PR integrates SearXNG as a new search tool for Agents. It adds
corresponding form/config UI on the frontend and a new tool
implementation on the backend, enabling aggregated web searches via a
self-hosted SearXNG instance within chats/workflows. It also adds
multilingual copy to support internationalized presentation and
configuration guidance.
### Type of change
- [x] New Feature (non-breaking change which adds functionality)
### What’s Changed
- Frontend: new SearXNG tool configuration, forms, and command wiring
- Main changes under `web/src/pages/agent/`
- New components and form entries are connected to Agent tool selection
and workflow node configuration
- Backend: new tool implementation
- `agent/tools/searxng.py`: connects to a SearXNG instance and performs
search based on the provided instance URL and query parameters
- i18n updates
- Added/updated keys under `web/src/locales/`: `searXNG` and
`searXNGDescription`
- English reference in
[web/src/locales/en.ts](cci:7://file:///c:/Users/ruy_x/Work/CRSC/2025/Software_Development/2025.8/ragflow-pr/ragflow/web/src/locales/en.ts:0:0-0:0):
- `searXNG: 'SearXNG'`
- `searXNGDescription: 'A component that searches via your provided
SearXNG instance URL. Specify TopN and the instance URL.'`
- Other languages have `searXNG` and `searXNGDescription` added as well,
but accuracy is only guaranteed for English, Simplified Chinese, and
Traditional Chinese.
---------
Co-authored-by: xurui <xurui@crscd.com.cn>
74 lines
2.2 KiB
TypeScript
74 lines
2.2 KiB
TypeScript
import { FormContainer } from '@/components/form-container';
|
|
import { TopNFormField } from '@/components/top-n-item';
|
|
import {
|
|
Form,
|
|
FormControl,
|
|
FormField,
|
|
FormItem,
|
|
FormLabel,
|
|
FormMessage,
|
|
} from '@/components/ui/form';
|
|
import { Input } from '@/components/ui/input';
|
|
import { useTranslate } from '@/hooks/common-hooks';
|
|
import { zodResolver } from '@hookform/resolvers/zod';
|
|
import { memo } from 'react';
|
|
import { useForm } from 'react-hook-form';
|
|
import { z } from 'zod';
|
|
import { initialSearXNGValues } from '../../constant';
|
|
import { useFormValues } from '../../hooks/use-form-values';
|
|
import { useWatchFormChange } from '../../hooks/use-watch-form-change';
|
|
import { INextOperatorForm } from '../../interface';
|
|
import { buildOutputList } from '../../utils/build-output-list';
|
|
import { FormWrapper } from '../components/form-wrapper';
|
|
import { Output } from '../components/output';
|
|
import { QueryVariable } from '../components/query-variable';
|
|
|
|
const FormSchema = z.object({
|
|
query: z.string(),
|
|
searxng_url: z.string().min(1),
|
|
top_n: z.string(),
|
|
});
|
|
|
|
const outputList = buildOutputList(initialSearXNGValues.outputs);
|
|
|
|
function SearXNGForm({ node }: INextOperatorForm) {
|
|
const { t } = useTranslate('flow');
|
|
const defaultValues = useFormValues(initialSearXNGValues, node);
|
|
|
|
const form = useForm<z.infer<typeof FormSchema>>({
|
|
defaultValues,
|
|
resolver: zodResolver(FormSchema),
|
|
});
|
|
|
|
useWatchFormChange(node?.id, form);
|
|
|
|
return (
|
|
<Form {...form}>
|
|
<FormWrapper>
|
|
<FormContainer>
|
|
<QueryVariable></QueryVariable>
|
|
<TopNFormField></TopNFormField>
|
|
<FormField
|
|
control={form.control}
|
|
name="searxng_url"
|
|
render={({ field }) => (
|
|
<FormItem>
|
|
<FormLabel>SearXNG URL</FormLabel>
|
|
<FormControl>
|
|
<Input {...field} placeholder="http://localhost:4000" />
|
|
</FormControl>
|
|
<FormMessage />
|
|
</FormItem>
|
|
)}
|
|
/>
|
|
</FormContainer>
|
|
</FormWrapper>
|
|
<div className="p-5">
|
|
<Output list={outputList}></Output>
|
|
</div>
|
|
</Form>
|
|
);
|
|
}
|
|
|
|
export default memo(SearXNGForm);
|