Update content.tsx Add Search Functionality to Dropdown Component

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
+            <Select
-              popupClassName='w-[200px]'
+                placeholder={form.label}
-              value={inputsFormValue?.[form.variable]}
+                className='w-full'
-              items={form.options.map((option: string) => ({ value: option, name: option }))}
+                defaultValue={inputsFormValue?.[form.variable]}
-              onSelect={item => handleFormChange(form.variable, item.value as string)}
+                onSelect={item => handleFormChange(form.variable, item.value as string)}
-              placeholder={form.label}
+                items={form.options.map((option: string) => ({ value: option, name: option }))}
-            />
+                allowSearch={true}
+              />
           )}
           {form.type === InputVarType.singleFile && (
             <FileUploaderInAttachmentWrapper