fix(site): exclude workspace schedule settings for prebuilt workspaces

Author: ssncferreira

site/src/modules/workspaces/prebuilds.ts

@@ -0,0 +1,7 @@
+import type { Workspace } from "api/typesGenerated";
+
+// Returns true if the workspace is a prebuilt workspace (owned by the prebuilds system user),
+// otherwise returns false.
+export const isPrebuiltWorkspace = (workspace: Workspace): boolean => {
+	return workspace.owner_id === "c42fdf75-3097-471c-8c33-fb52454d81c0";
+};

site/src/pages/WorkspaceSettingsPage/WorkspaceSchedulePage/WorkspaceSchedulePage.tsx

@@ -7,9 +7,11 @@ import { Alert } from "components/Alert/Alert";
 import { ErrorAlert } from "components/Alert/ErrorAlert";
 import { ConfirmDialog } from "components/Dialogs/ConfirmDialog/ConfirmDialog";
 import { displayError, displaySuccess } from "components/GlobalSnackbar/utils";
+import { Link } from "components/Link/Link";
 import { Loader } from "components/Loader/Loader";
 import { PageHeader, PageHeaderTitle } from "components/PageHeader/PageHeader";
 import dayjs from "dayjs";
+import { isPrebuiltWorkspace } from "modules/workspaces/prebuilds";
 import {
 	scheduleChanged,
 	scheduleToAutostart,
@@ -20,6 +22,7 @@ import { type FC, useState } from "react";
 import { Helmet } from "react-helmet-async";
 import { useMutation, useQuery, useQueryClient } from "react-query";
 import { useNavigate, useParams } from "react-router-dom";
+import { docs } from "utils/docs";
 import { pageTitle } from "utils/page";
 import { WorkspaceScheduleForm } from "./WorkspaceScheduleForm";
 import {
@@ -94,42 +97,65 @@ const WorkspaceSchedulePage: FC = () => {
 				</Alert>
 			)}
 
-			{template && (
-				<WorkspaceScheduleForm
-					template={template}
-					error={submitScheduleMutation.error}
-					initialValues={{
-						...getAutostart(workspace),
-						...getAutostop(workspace),
-					}}
-					isLoading={submitScheduleMutation.isPending}
-					defaultTTL={dayjs.duration(template.default_ttl_ms, "ms").asHours()}
-					onCancel={() => {
-						navigate(`/@${username}/${workspaceName}`);
-					}}
-					onSubmit={async (values) => {
-						const data = {
-							workspace,
-							autostart: formValuesToAutostartRequest(values),
-							ttl: formValuesToTTLRequest(values),
-							autostartChanged: scheduleChanged(
-								getAutostart(workspace),
-								values,
-							),
-							autostopChanged: scheduleChanged(getAutostop(workspace), values),
-						};
-
-						await submitScheduleMutation.mutateAsync(data);
-
-						if (
-							data.autostopChanged &&
-							getAutostop(workspace).autostopEnabled
-						) {
-							setIsConfirmingApply(true);
-						}
-					}}
-				/>
-			)}
+			{template &&
+				// Prebuilt workspaces have their own scheduling system,
+				// so we avoid showing the workspace-level schedule settings form.
+				// Instead, show an informational message with a link to the relevant docs.
+				(isPrebuiltWorkspace(workspace) ? (
+					<Alert severity="info">
+						Prebuilt workspaces do not support workspace-level scheduling. For
+						prebuilt workspace specific scheduling refer to the{" "}
+						<Link
+							title="Prebuilt Workspaces Scheduling"
+							href={docs(
+								"/admin/templates/extending-templates/prebuilt-workspaces#scheduling",
+							)}
+							target="_blank"
+							rel="noreferrer"
+						>
+							Prebuilt Workspaces Scheduling
+						</Link>
+						documentation page.
+					</Alert>
+				) : (
+					<WorkspaceScheduleForm
+						template={template}
+						error={submitScheduleMutation.error}
+						initialValues={{
+							...getAutostart(workspace),
+							...getAutostop(workspace),
+						}}
+						isLoading={submitScheduleMutation.isPending}
+						defaultTTL={dayjs.duration(template.default_ttl_ms, "ms").asHours()}
+						onCancel={() => {
+							navigate(`/@${username}/${workspaceName}`);
+						}}
+						onSubmit={async (values) => {
+							const data = {
+								workspace,
+								autostart: formValuesToAutostartRequest(values),
+								ttl: formValuesToTTLRequest(values),
+								autostartChanged: scheduleChanged(
+									getAutostart(workspace),
+									values,
+								),
+								autostopChanged: scheduleChanged(
+									getAutostop(workspace),
+									values,
+								),
+							};
+
+							await submitScheduleMutation.mutateAsync(data);
+
+							if (
+								data.autostopChanged &&
+								getAutostop(workspace).autostopEnabled
+							) {
+								setIsConfirmingApply(true);
+							}
+						}}
+					/>
+				))}
 
 			<ConfirmDialog
 				open={isConfirmingApply}