Jun 28, 2025
diff --git a/site/src/modules/workspaces/ErrorDialog/WorkspaceErrorDialog.tsx b/site/src/modules/workspaces/ErrorDialog/WorkspaceErrorDialog.tsx
 workspaceOwner: string;
 workspaceName: string;
 templateVersionId: string;
 isDeleting: boolean;
 }

 export const WorkspaceErrorDialog: FC<WorkspaceErrorDialogProps> = ({
 workspaceOwner,
 workspaceName,
 templateVersionId,
 isDeleting,
 }) => {
 const navigate = useNavigate();

 <Dialog open={open} onOpenChange={(isOpen) => !isOpen && onClose()}>
 <DialogContent variant="destructive">
 <DialogHeader>
 <DialogTitle>Error building workspace</DialogTitle>
 <DialogTitle>
 Error {isDeleting ? "deleting" : "building"} workspace
 </DialogTitle>
 <DialogDescription className="flex flex-row gap-4">
 <strong className="text-content-primary">Message</strong>{" "}
 <span>{getErrorMessage(error, "Failed to build workspace.")}</span>
diff --git a/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx b/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx
 import { MissingBuildParameters } from "api/api";
 import { isApiError } from "api/errors";
 import { type ApiError, getErrorMessage } from "api/errors";
 import {
 changeVersion,
 deleteWorkspace,
 DropdownMenuSeparator,
 DropdownMenuTrigger,
 } from "components/DropdownMenu/DropdownMenu";
 import { displayError } from "components/GlobalSnackbar/utils";
 import {
 CopyIcon,
 DownloadIcon,
 import { type FC, useEffect, useState } from "react";
 import { useMutation, useQuery, useQueryClient } from "react-query";
 import { Link as RouterLink } from "react-router-dom";
 import { WorkspaceErrorDialog } from "../ErrorDialog/WorkspaceErrorDialog";
 import { ChangeWorkspaceVersionDialog } from "./ChangeWorkspaceVersionDialog";
 import { DownloadLogsDialog } from "./DownloadLogsDialog";
 import { UpdateBuildParametersDialog } from "./UpdateBuildParametersDialog";
 }) => {
 const queryClient = useQueryClient();

 const [workspaceErrorDialog, setWorkspaceErrorDialog] = useState<{
 open: boolean;
 error?: ApiError;
 }>({ open: false });

 // Permissions
 const { data: permissions } = useQuery(workspacePermissions(workspace));

 ),
 );

 const handleError = (error: unknown) => {
 if (isApiError(error) && error.code === "ERR_BAD_REQUEST") {
 setWorkspaceErrorDialog({
 open: true,
 error: error,
 });
 } else {
 displayError(getErrorMessage(error, "Failed to delete workspace."));
 }
 };

 // Delete
 const [isConfirmingDelete, setIsConfirmingDelete] = useState(false);
 const deleteWorkspaceMutation = useMutation(
 deleteWorkspace(workspace, queryClient),
 );
 const deleteWorkspaceMutation = useMutation({
 ...deleteWorkspace(workspace, queryClient),
 onError: (error: unknown) => {
 handleError(error);
 },
 });

 // Duplicate
 const { duplicateWorkspace, isDuplicationReady } =
 setIsConfirmingDelete(false);
 }}
 />

 <WorkspaceErrorDialog
 open={workspaceErrorDialog.open}
 error={workspaceErrorDialog.error}
 onClose={() => setWorkspaceErrorDialog({ open: false })}
 showDetail={workspace.template_use_classic_parameter_flow}
 workspaceOwner={workspace.owner_name}
 workspaceName={workspace.name}
 templateVersionId={workspace.latest_build.template_version_id}
 isDeleting={true}
 />
 </>
 );
 };
diff --git a/site/src/pages/WorkspacePage/WorkspaceReadyPage.tsx b/site/src/pages/WorkspacePage/WorkspaceReadyPage.tsx
 workspaceOwner={workspace.owner_name}
 workspaceName={workspace.name}
 templateVersionId={workspace.latest_build.template_version_id}
 isDeleting={false}
 />
 </>
 );
Original file line number	Diff line number	Diff line change
Expand Up		@@ -19,6 +19,7 @@ interface WorkspaceErrorDialogProps {
		workspaceOwner: string;
		workspaceName: string;
		templateVersionId: string;
		isDeleting: boolean;
		}

		export const WorkspaceErrorDialog: FC<WorkspaceErrorDialogProps> = ({
Expand All		@@ -29,6 +30,7 @@ export const WorkspaceErrorDialog: FC<WorkspaceErrorDialogProps> = ({
		workspaceOwner,
		workspaceName,
		templateVersionId,
		isDeleting,
		}) => {
		const navigate = useNavigate();

Expand All		@@ -52,7 +54,9 @@ export const WorkspaceErrorDialog: FC<WorkspaceErrorDialogProps> = ({
		<Dialog open={open} onOpenChange={(isOpen) => !isOpen && onClose()}>
		<DialogContent variant="destructive">
		<DialogHeader>
		<DialogTitle>Error building workspace</DialogTitle>
		<DialogTitle>
		Error {isDeleting ? "deleting" : "building"} workspace
		</DialogTitle>
		<DialogDescription className="flex flex-row gap-4">
		<strong className="text-content-primary">Message</strong>{" "}
		<span>{getErrorMessage(error, "Failed to build workspace.")}</span>
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -1,4 +1,6 @@
		import { MissingBuildParameters } from "api/api";
		import { isApiError } from "api/errors";
		import { type ApiError, getErrorMessage } from "api/errors";
		import {
		changeVersion,
		deleteWorkspace,
Expand All		@@ -13,6 +15,7 @@ import {
		DropdownMenuSeparator,
		DropdownMenuTrigger,
		} from "components/DropdownMenu/DropdownMenu";
		import { displayError } from "components/GlobalSnackbar/utils";
		import {
		CopyIcon,
		DownloadIcon,
Expand All		@@ -24,6 +27,7 @@ import {
		import { type FC, useEffect, useState } from "react";
		import { useMutation, useQuery, useQueryClient } from "react-query";
		import { Link as RouterLink } from "react-router-dom";
		import { WorkspaceErrorDialog } from "../ErrorDialog/WorkspaceErrorDialog";
		import { ChangeWorkspaceVersionDialog } from "./ChangeWorkspaceVersionDialog";
		import { DownloadLogsDialog } from "./DownloadLogsDialog";
		import { UpdateBuildParametersDialog } from "./UpdateBuildParametersDialog";
Expand All		@@ -42,6 +46,11 @@ export const WorkspaceMoreActions: FC<WorkspaceMoreActionsProps> = ({
		}) => {
		const queryClient = useQueryClient();

		const [workspaceErrorDialog, setWorkspaceErrorDialog] = useState<{
		open: boolean;
		error?: ApiError;
		}>({ open: false });

		// Permissions
		const { data: permissions } = useQuery(workspacePermissions(workspace));

Expand All		@@ -58,11 +67,25 @@ export const WorkspaceMoreActions: FC<WorkspaceMoreActionsProps> = ({
		),
		);

		const handleError = (error: unknown) => {
		if (isApiError(error) && error.code === "ERR_BAD_REQUEST") {
		setWorkspaceErrorDialog({
		open: true,
		error: error,
		});
		} else {
		displayError(getErrorMessage(error, "Failed to delete workspace."));
		}
		};

		// Delete
		const [isConfirmingDelete, setIsConfirmingDelete] = useState(false);
		const deleteWorkspaceMutation = useMutation(
		deleteWorkspace(workspace, queryClient),
		);
		const deleteWorkspaceMutation = useMutation({
		...deleteWorkspace(workspace, queryClient),
		onError: (error: unknown) => {
		handleError(error);
		},
		});

		// Duplicate
		const { duplicateWorkspace, isDuplicationReady } =
Expand DownExpand Up		@@ -212,6 +235,17 @@ export const WorkspaceMoreActions: FC<WorkspaceMoreActionsProps> = ({
		setIsConfirmingDelete(false);
		}}
		/>

		<WorkspaceErrorDialog
		open={workspaceErrorDialog.open}
		error={workspaceErrorDialog.error}
		onClose={() => setWorkspaceErrorDialog({ open: false })}
		showDetail={workspace.template_use_classic_parameter_flow}
		workspaceOwner={workspace.owner_name}
		workspaceName={workspace.name}
		templateVersionId={workspace.latest_build.template_version_id}
		isDeleting={true}
		/>
		</>
		);
		};
Original file line number	Diff line number	Diff line change
Expand Up		@@ -392,6 +392,7 @@ export const WorkspaceReadyPage: FC<WorkspaceReadyPageProps> = ({
		workspaceOwner={workspace.owner_name}
		workspaceName={workspace.name}
		templateVersionId={workspace.latest_build.template_version_id}
		isDeleting={false}
		/>
		</>
		);
Expand Down