chore: improve visuals of dynamic parameters (#18537)

jaaydenh · web-flow · commit ccf294eaf88a · 2025-06-24T12:57:41.000-04:00
diff --git a/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx b/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx
@@ -139,7 +139,7 @@ const ParameterLabel: FC<ParameterLabelProps> = ({
 					htmlFor={id}
 					className="flex gap-2 flex-wrap text-sm font-medium"
 				>
-					<span className="flex">
+					<span className="flex font-semibold">
 						{displayName}
 						{parameter.required && (
 							<span className="text-content-destructive">*</span>
@@ -175,7 +175,8 @@ const ParameterLabel: FC<ParameterLabelProps> = ({
 									</span>
 								</TooltipTrigger>
 								<TooltipContent className="max-w-xs">
-									This parameter only applies for a single workspace start
+									This parameter is ephemeral and will reset to the template
+									default on workspace restart.
 								</TooltipContent>
 							</Tooltip>
 						</TooltipProvider>
@@ -209,7 +210,7 @@ const ParameterLabel: FC<ParameterLabelProps> = ({
 									</span>
 								</TooltipTrigger>
 								<TooltipContent className="max-w-xs">
-									Autofilled from the URL
+									Autofilled from the URL.
 								</TooltipContent>
 							</Tooltip>
 						</TooltipProvider>
diff --git a/site/src/pages/WorkspacePage/WorkspaceActions/BuildParametersPopover.tsx b/site/src/pages/WorkspacePage/WorkspaceActions/BuildParametersPopover.tsx
@@ -114,12 +114,10 @@ const BuildParametersPopoverContent: FC<BuildParametersPopoverContentProps> = ({
 
 		return (
 			<div className="flex flex-col gap-4 p-5">
-				<h1 className="text-xl m-0 text-content-primary font-semibold leading-none ">
-					Ephemeral Parameters
-				</h1>
 				<p className="m-0 text-sm text-content-secondary">
-					This template has ephemeral parameters that must be configured on the
-					workspace parameters page
+					This workspace has ephemeral parameters which may use a temporary
+					value on workspace start. Configure the following parameters in
+					workspace settings.
 				</p>
 
 				<div>
diff --git a/site/src/pages/WorkspaceSettingsPage/WorkspaceParametersPage/WorkspaceParametersPageViewExperimental.tsx b/site/src/pages/WorkspaceSettingsPage/WorkspaceParametersPage/WorkspaceParametersPageViewExperimental.tsx
@@ -194,7 +194,7 @@ export const WorkspaceParametersPageViewExperimental: FC<
 			{(templateVersionId || workspace.latest_build.template_version_id) && (
 				<div className="flex flex-col gap-2">
 					<Label className="text-sm text-content-secondary">Version ID</Label>
-					<p className="m-0 text-sm font-medium">
+					<p className="m-0 text-xs font-medium font-mono">
 						{templateVersionId ?? workspace.latest_build.template_version_id}
 					</p>
 				</div>
