feat: set initial param values from autofill

jaaydenh · jaaydenh · commit 9d10195c16ac · 2025-05-15T21:02:04.000Z
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageViewExperimental.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageViewExperimental.tsx
@@ -142,6 +142,30 @@ export const CreateWorkspacePageViewExperimental: FC<
 			},
 		});
 
+	// On component mount, sends all initial parameter values to the websocket
+	// (including defaults and autofilled from the url)
+	// This ensures the backend has the complete initial state of the form,
+	// which is vital for correctly rendering dynamic UI elements where parameter visibility
+	// or options might depend on the initial values of other parameters.
+	const hasInitializedWebsocket = useRef(false);
+	useEffect(() => {
+		if (hasInitializedWebsocket.current) return;
+
+		const formValues = form.values.rich_parameter_values;
+		if (parameters.length > 0 && formValues && formValues.length > 0) {
+			const initialParams: { [k: string]: string } = {};
+			for (const param of formValues) {
+				if (param.name && param.value) {
+					initialParams[param.name] = param.value;
+				}
+			}
+			if (Object.keys(initialParams).length > 0) {
+				sendMessage(initialParams);
+				hasInitializedWebsocket.current = true;
+			}
+		}
+	}, [parameters, form.values.rich_parameter_values, sendMessage]);
+
 	const autofillByName = useMemo(
 		() =>
 			Object.fromEntries(
