From 6ca73d43fde3e52c4dbe4fc643cdebf360ad6167 Mon Sep 17 00:00:00 2001
From: Jaayden Halko <jaayden@coder.com>
Date: Tue, 24 Jun 2025 15:43:49 +0000
Subject: [PATCH] chore: dynamic params visual improvements

---
 .../workspaces/DynamicParameter/DynamicParameter.tsx      | 7 ++++---
 .../WorkspaceActions/BuildParametersPopover.tsx           | 8 +++-----
 .../WorkspaceParametersPageViewExperimental.tsx           | 2 +-
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx b/site/src/modules/workspaces/DynamicParameter/DynamicParameter.tsx
index ec04bd7ea8e09..3680b7f5e88c5 100644
--- 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
index 76b100fc96745..f084c4c200b67 100644
--- 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
index 02f8ea3699653..14253ad51f827 100644
--- 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>