feat(FR-2886): add BAIAvailablePresetSelect and BAIProjectVfolderSelect, migrate deployment callers

Author: agatha197

packages/backend.ai-ui/src/components/BAISelect.tsx

@@ -95,7 +95,7 @@ const useStyles = createStyles(({ css, token }) => ({
 export interface BAISelectProps<
   ValueType = any,
   OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType,
-> extends Omit<SelectProps<ValueType, OptionType>, 'onSearch'> {
+> extends Omit<SelectProps<ValueType, OptionType>, 'onSearch' | 'role'> {
   ref?: React.RefObject<GetRef<typeof Select<ValueType, OptionType>> | null>;
   ghost?: boolean;
   autoSelectOption?:
@@ -108,6 +108,11 @@ export interface BAISelectProps<
   footer?: React.ReactNode;
   endReached?: () => void; // New prop for endReached
   searchAction?: (value: string) => Promise<void>;
+  // antd v6 made `role` required on SelectProps. We default it to
+  // `'combobox'` here because every BAISelect in this project enables
+  // search by default; callers can still override (e.g. `role="listbox"`
+  // for non-searchable variants).
+  role?: SelectProps<ValueType, OptionType>['role'];
 }
 
 function BAISelect<
@@ -123,6 +128,7 @@ function BAISelect<
   footer,
   endReached, // Destructure the new prop
   searchAction,
+  role = 'combobox',
   ...selectProps
 }: BAISelectProps<ValueType, OptionType>): React.ReactElement {
   const { value, options, onChange } = selectProps;
@@ -196,6 +202,7 @@ function BAISelect<
     <Tooltip title={tooltip}>
       <Select<ValueType, OptionType>
         {...selectProps}
+        role={role}
         loading={isPending || selectProps.loading}
         showSearch={composedShowSearch}
         ref={ref}