@@ -10,13 +10,15 @@ import {
1010} from "api/typesGenerated" ;
1111import { PremiumBadge } from "components/Badges/Badges" ;
1212import { Button } from "components/Button/Button" ;
13+ import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge" ;
1314import {
1415FormFields ,
1516FormFooter ,
1617FormSection ,
1718HorizontalForm ,
1819} from "components/Form/Form" ;
1920import { IconField } from "components/IconField/IconField" ;
21+ import { Link } from "components/Link/Link" ;
2022import { Spinner } from "components/Spinner/Spinner" ;
2123import { Stack } from "components/Stack/Stack" ;
2224import {
@@ -25,6 +27,7 @@ import {
2527} from "components/StackLabel/StackLabel" ;
2628import { type FormikTouched , useFormik } from "formik" ;
2729import type { FC } from "react" ;
30+ import { docs } from "utils/docs" ;
2831import {
2932displayNameValidator ,
3033getFormHelpers ,
@@ -230,21 +233,37 @@ export const TemplateSettingsForm: FC<TemplateSettingsForm> = ({
230233size = "small"
231234id = "use_classic_parameter_flow"
232235name = "use_classic_parameter_flow"
233- checked = { form . values . use_classic_parameter_flow }
234- onChange = { form . handleChange }
236+ checked = { ! form . values . use_classic_parameter_flow }
237+ onChange = { ( event ) =>
238+ form . setFieldValue (
239+ "use_classic_parameter_flow" ,
240+ ! event . currentTarget . checked ,
241+ )
242+ }
235243disabled = { false }
236244/>
237245}
238246label = {
239247< StackLabel >
240- Use classic workspace creation form
248+ < span className = "flex flex-row gap-2" >
249+ Enable dynamic parameters for workspace creation
250+ < FeatureStageBadge contentType = { "beta" } size = "sm" />
251+ </ span >
241252< StackLabelHelperText >
242- < span >
243- Show the original workspace creation form and workspace
244- parameters settings form without dynamic parameters or live
245- updates. Recommended if your provisioners aren't updated or
246- the dynamic form causes issues.
247- </ span >
253+ < div >
254+ The new workspace form allows you to design your template
255+ with new form types and identity-aware conditional
256+ parameters. The form will only present options that are
257+ compatible and available.
258+ </ div >
259+ < Link
260+ className = "text-xs"
261+ href = { docs (
262+ "/admin/templates/extending-templates/parameters#dynamic-parameters-beta" ,
263+ ) }
264+ >
265+ Learn more
266+ </ Link >
248267</ StackLabelHelperText >
249268</ StackLabel >
250269}