From d11169481a84758bd3b36e1996a11d6690800115 Mon Sep 17 00:00:00 2001
From: AuditAIH <145266260+AuditAIH@users.noreply.github.com>
Date: Wed, 16 Jul 2025 12:23:54 +0800
Subject: [PATCH] Update content.tsx Add Search Functionality to Dropdown
 Component

---
 .../chat-with-history/inputs-form/content.tsx    | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/web/app/components/base/chat/chat-with-history/inputs-form/content.tsx b/web/app/components/base/chat/chat-with-history/inputs-form/content.tsx
index 73a1f07b69..e4bcf6ead0 100644
--- a/web/app/components/base/chat/chat-with-history/inputs-form/content.tsx
+++ b/web/app/components/base/chat/chat-with-history/inputs-form/content.tsx
@@ -6,6 +6,7 @@ import Textarea from '@/app/components/base/textarea'
 import { PortalSelect } from '@/app/components/base/select'
 import { FileUploaderInAttachmentWrapper } from '@/app/components/base/file-uploader'
 import { InputVarType } from '@/app/components/workflow/types'
+import Select from '@/app/components/base/select'
 
 type Props = {
   showTip?: boolean
@@ -71,13 +72,14 @@ const InputsFormContent = ({ showTip }: Props) => {
             />
           )}
           {form.type === InputVarType.select && (
-            <PortalSelect
-              popupClassName='w-[200px]'
-              value={inputsFormValue?.[form.variable]}
-              items={form.options.map((option: string) => ({ value: option, name: option }))}
-              onSelect={item => handleFormChange(form.variable, item.value as string)}
-              placeholder={form.label}
-            />
+            <Select
+                placeholder={form.label}
+                className='w-full'
+                defaultValue={inputsFormValue?.[form.variable]}
+                onSelect={item => handleFormChange(form.variable, item.value as string)}
+                items={form.options.map((option: string) => ({ value: option, name: option }))}
+                allowSearch={true}
+              />
           )}
           {form.type === InputVarType.singleFile && (
             <FileUploaderInAttachmentWrapper