Aug 11, 2025 · Aug 5, 2025 · Aug 5, 2025 · Jun 30, 2025 · Jun 30, 2025 · Jul 1, 2025
diff --git a/site/src/components/Combobox/Combobox.tsx b/site/src/components/Combobox/Combobox.tsx
 onInputChange?: (value: string) => void;
 onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
 onSelect: (value: string) => void;
 id?: string;
 }

 type ComboboxOption = {
 onInputChange,
 onKeyDown,
 onSelect,
 id,
 }) => {
 const [managedOpen, setManagedOpen] = useState(false);
 const [managedInputValue, setManagedInputValue] = useState("");
 <Popover open={isOpen} onOpenChange={handleOpenChange}>
 <PopoverTrigger asChild>
 <Button
 id={id}
 variant="outline"
 aria-expanded={isOpen}
 className="w-full justify-between group"
diff --git a/site/src/components/MultiSelectCombobox/MultiSelectCombobox.tsx b/site/src/components/MultiSelectCombobox/MultiSelectCombobox.tsx
 >;
 /** hide or show the button that clears all the selected options. */
 hideClearAllButton?: boolean;
 /** Test ID for testing purposes */
 "data-testid"?: string;
 }

 interface MultiSelectComboboxRef {
 commandProps,
 inputProps,
 hideClearAllButton = false,
 "data-testid": dataTestId,
 }: MultiSelectComboboxProps,
 ref,
 ) => {
 <Command
 ref={dropdownRef}
 {...commandProps}
 data-testid={dataTestId}
 onKeyDown={(e) => {
 handleKeyDown(e);
 commandProps?.onKeyDown?.(e);
diff --git a/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx b/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx
 case "dropdown": {
 return (
 <Combobox
 id={id}
 value={value ?? ""}
 onSelect={(value) => onChange(value)}
 options={parameter.options.map((option) => ({

 return (
 <MultiSelectCombobox
 inputProps={{ id }}
 inputProps={{
 id: id,
 }}
 data-testid={`multiselect-${parameter.name}`}
 options={options}
 defaultOptions={selectedOptions}
 onChange={(newValues) => {
Original file line number	Diff line number	Diff line change
Expand Up		@@ -34,6 +34,7 @@ interface ComboboxProps {
		onInputChange?: (value: string) => void;
		onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
		onSelect: (value: string) => void;
		id?: string;
		}

		type ComboboxOption = {
Expand All		@@ -53,6 +54,7 @@ export const Combobox: FC<ComboboxProps> = ({
		onInputChange,
		onKeyDown,
		onSelect,
		id,
		}) => {
		const [managedOpen, setManagedOpen] = useState(false);
		const [managedInputValue, setManagedInputValue] = useState("");
Expand All		@@ -78,6 +80,7 @@ export const Combobox: FC<ComboboxProps> = ({
		<Popover open={isOpen} onOpenChange={handleOpenChange}>
		<PopoverTrigger asChild>
		<Button
		id={id}
		variant="outline"
		aria-expanded={isOpen}
		className="w-full justify-between group"
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -104,6 +104,8 @@ interface MultiSelectComboboxProps {
		>;
		/** hide or show the button that clears all the selected options. */
		hideClearAllButton?: boolean;
		/** Test ID for testing purposes */
		"data-testid"?: string;
		}

		interface MultiSelectComboboxRef {
Expand DownExpand Up		@@ -205,6 +207,7 @@ export const MultiSelectCombobox = forwardRef<
		commandProps,
		inputProps,
		hideClearAllButton = false,
		"data-testid": dataTestId,
		}: MultiSelectComboboxProps,
		ref,
		) => {
Expand DownExpand Up		@@ -454,6 +457,7 @@ export const MultiSelectCombobox = forwardRef<
		<Command
		ref={dropdownRef}
		{...commandProps}
		data-testid={dataTestId}
		onKeyDown={(e) => {
		handleKeyDown(e);
		commandProps?.onKeyDown?.(e);
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -453,6 +453,7 @@ const ParameterField: FC<ParameterFieldProps> = ({
		case "dropdown": {
		return (
		<Combobox
		id={id}
		value={value ?? ""}
		onSelect={(value) => onChange(value)}
		options={parameter.options.map((option) => ({
Expand DownExpand Up		@@ -497,7 +498,10 @@ const ParameterField: FC<ParameterFieldProps> = ({

		return (
		<MultiSelectCombobox
		inputProps={{ id }}
		inputProps={{
		id: id,
		}}
		data-testid={`multiselect-${parameter.name}`}
		options={options}
		defaultOptions={selectedOptions}
		onChange={(newValues) => {
Expand Down