diff --git a/site/src/components/MultiSelectCombobox/MultiSelectCombobox.tsx b/site/src/components/MultiSelectCombobox/MultiSelectCombobox.tsx
index 2d25ae983c3d9..936e93034c705 100644
--- a/site/src/components/MultiSelectCombobox/MultiSelectCombobox.tsx
+++ b/site/src/components/MultiSelectCombobox/MultiSelectCombobox.tsx
@@ -11,8 +11,14 @@ import {
CommandItem,
CommandList,
} from "components/Command/Command";
+import {
+ Tooltip,
+ TooltipContent,
+ TooltipProvider,
+ TooltipTrigger,
+} from "components/Tooltip/Tooltip";
import { useDebouncedValue } from "hooks/debounce";
-import { ChevronDown, X } from "lucide-react";
+import { ChevronDown, Info, X } from "lucide-react";
import {
type ComponentProps,
type ComponentPropsWithoutRef,
@@ -33,6 +39,7 @@ export interface Option {
label: string;
icon?: string;
disable?: boolean;
+ description?: string;
/** fixed option that can't be removed. */
fixed?: boolean;
/** Group the options by providing key. */
@@ -662,6 +669,23 @@ export const MultiSelectCombobox = forwardRef<
/>
)}
{option.label}
+ {option.description && (
+
+
+
+
+
+
+
+
+ {option.description}
+
+
+
+ )}
);
diff --git a/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx b/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx
index 5665129eadba3..ac0df20355205 100644
--- a/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx
+++ b/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx
@@ -488,6 +488,7 @@ const ParameterField: FC = ({
value: opt.value.value,
label: opt.name,
icon: opt.icon,
+ description: opt.description,
disable: false,
}));